@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPane.js","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.js

@@ -25,4 +25,5 @@ const SearchTrackingProvider = ({ children }) => {
 const useSearchTrackingContext = () => useContext(SearchTrackingContext);
 
 //#endregion
-export { SearchTrackingProvider, useSearchTrackingContext };
+export { SearchTrackingProvider, useSearchTrackingContext };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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.js

@@ -40,4 +40,5 @@ var PromiseLookup = class {
 };
 
 //#endregion
-export { PromiseLookup };
+export { PromiseLookup };
+//# sourceMappingURL=PromiseLookup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromiseLookup.js","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;wBAHd;wBACA;AAGE,OAAK,UAAU,IAAI,SAAS,MAAO,KAAK,WAAW,EAAG;;;AAI1D,IAAa,gBAAb,MAAkC;CAChC,YACE,AAAQA,MAGR;EAHQ;wBAKV,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"}

package/dist/AppHeader/Search/SearchWorker/index.d.ts

@@ -7,4 +7,5 @@ declare const searchWorker: {
   searchAsYouType(query: string): Promise<SearchAsYouTypeResults>;
 };
 //#endregion
-export { searchWorker };
+export { searchWorker };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/Search/SearchWorker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"sourcesContent":[],"mappings":";;;cAMa;;+BAWqB,QASjC,sBAAA;EApBY,eAoBZ,CAAA,KAAA,EAAA,MAAA,CAAA,EAJoC,OAIpC,CATiC,sBAAA,CASjC;CAAA"}

package/dist/AppHeader/Search/SearchWorker/index.js

@@ -21,4 +21,5 @@ const searchWorker = {
 };
 
 //#endregion
-export { searchWorker };
+export { searchWorker };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/Search/SearchWorker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["workerPromise: Promise<SearchWorker>"],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"sourcesContent":["import { SearchAction, SearchWorker } from './types';\n\nlet workerPromise: Promise<SearchWorker>;\n\nconst initErr = 'Search worker not initialized';\n\nexport const searchWorker = {\n  init() {\n    if (!workerPromise) {\n      workerPromise = (async () => {\n        // lazy load worker\n        const { createSearchWorker } = await import('./worker');\n        return createSearchWorker();\n      })();\n    }\n  },\n\n  async autocomplete(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.Autocomplete, query);\n  },\n\n  async searchAsYouType(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.SearchAsYouType, query);\n  },\n};\n"],"mappings":";;;AAEA,IAAIA;AAEJ,MAAM,UAAU;AAEhB,MAAa,eAAe;CAC1B,OAAO;AACL,MAAI,CAAC,cACH,kBAAiB,YAAY;GAE3B,MAAM,EAAE,uBAAuB,MAAM,OAAO;AAC5C,UAAO,oBAAoB;MACzB;;CAIR,MAAM,aAAa,OAAe;AAChC,MAAI,CAAC,cAAe,OAAM,IAAI,MAAM,QAAQ;AAC5C,UAAQ,MAAM,eAAe,aAAa,cAAc,MAAM;;CAGhE,MAAM,gBAAgB,OAAe;AACnC,MAAI,CAAC,cAAe,OAAM,IAAI,MAAM,QAAQ;AAC5C,UAAQ,MAAM,eAAe,aAAa,iBAAiB,MAAM;;CAEpE"}

package/dist/AppHeader/Search/SearchWorker/src.js

@@ -155,4 +155,5 @@ function worker() {
 }
 
 //#endregion
-export { serializeSearchWorkerSrc };
+export { serializeSearchWorkerSrc };
+//# sourceMappingURL=src.js.map

package/dist/AppHeader/Search/SearchWorker/src.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src.js","names":["handlers: { [action: string]: (q: PreparsedQuery) => void }","topAutocompleteTitles: AutocompleteSuggestion[]","currentSegment: HighlightSegment | null","segments: HighlightSegment[]","cmc: ConsecutiveMatchingChars | null","charScores: number[]"],"sources":["../../../../src/AppHeader/Search/SearchWorker/src.ts"],"sourcesContent":["/*\n * A web worker to handle search-as-you-type and autocomplete\n *\n * This worker implements an algorithm for text matching that tests\n * a query string against a set of titles, and gives a score to\n * each character in a given title.\n *\n * e.g. matching query \"abcde\" to title \"ab cde\"\n * \"a\" and \"b\" each get a score of 2, because each is part of the match \"ab\"\n * \"c\", \"d\", and \"e\" each get a score of 3, because each is part of the match \"cde\"\n *\n * For autocomplete, a large list of titles is preloaded, and this\n * scoring algorithm is used both to find the top 5 matches, and to\n * determine which characters should be highlighted.\n * (These titles have certain phrases like \"Intro to\" removed so that they\n * better resemble something that a user would type.)\n *\n * For search-as-you-type, we rely on typesense to find matches,\n * but we still use this algorithm for character highlighting.\n */\n\nimport {\n  AutocompleteSuggestion,\n  HighlightSegment,\n  SearchAsYouTypeResults,\n} from './types';\n\nfunction getPortalOrigin() {\n  const { origin } = window.location;\n  const envs = ['tengu', 'tayra', 'staging', 'www'];\n\n  // for standard envs, use portal app in the same env\n  if (envs.some((s) => `https://${s}.codecademy.com` === origin)) return origin;\n\n  // for PR envs (e.g. pr-40229-monolith.dev-eks.codecademy.com)\n  if (origin.includes('.dev-eks.codecademy.com')) return origin;\n\n  // for local, use local portal-app, replace if origin port is monolith or le\n  if (origin.includes('localhost')) return origin.replace(/:\\d{4}/, ':3100');\n\n  // otherwise (e.g. in monolith pr env) use staging portal-app\n  return 'https://staging.codecademy.com';\n}\n\nexport function serializeSearchWorkerSrc() {\n  const BASE_URL = `${getPortalOrigin()}/api/portal/search`;\n  const fnAsStr = worker.toString().trim();\n\n  // in a prod build, webpack will handle removing comments\n\n  return fnAsStr\n    .slice(fnAsStr.indexOf('{') + 1, -1) // remove wrapping function, which may have been renamed by minification\n    .replaceAll('  ', '') // remove indentation\n    .replaceAll('{BASE_URL}', BASE_URL) // interpolate base url\n    .replaceAll('{SEARCH}', window.location.search); // interpolate search query\n}\n\n/*\n * This function contains the code that is serialized to run in the worker. It\n * can't reference anything outside of itself (except types). Data is passed to\n * the worker via onmessage and passed back to the main thread via postMessage.\n */\nfunction worker() {\n  type RawTitle = {\n    value: string;\n    popularity: number;\n  };\n  type PreparsedTitle = {\n    title: string;\n    lower: string;\n    words: Set<string>;\n    popularity: number;\n  };\n  type PreparsedQuery = {\n    query: string;\n    words: Set<string>;\n  };\n  type ScoredTitle = {\n    title: string;\n    charScores: number[];\n    score: number;\n  };\n  type ConsecutiveMatchingChars = { value: string };\n\n  const preloadTitlesPromise = fetch('{BASE_URL}/autocomplete-preload{SEARCH}')\n    .then((f) => f.json())\n    .then((rawTitles) => rawTitles.map(preparseTitle));\n\n  function preparseTitle({ value, popularity }: RawTitle): PreparsedTitle {\n    const lower = value.toLowerCase();\n    const words = getWordSet(lower);\n    return { title: value, lower, words, popularity };\n  }\n\n  function preparseQuery(query: string): PreparsedQuery {\n    const words = getWordSet(query);\n    return { query, words };\n  }\n\n  const wordSplitters = /[ :-]/g;\n\n  function getWordSet(str: string) {\n    const words = str\n      .split(wordSplitters)\n      .map((w) => w.trim())\n      .filter(Boolean);\n    return new Set(words);\n  }\n\n  const handlers: { [action: string]: (q: PreparsedQuery) => void } = {\n    autocomplete: autocompleteHandler,\n    'search-as-you-type': searchAsYouTypeHandler,\n  };\n\n  onmessage = ({ data }: MessageEvent<{ action: string; query: string }>) => {\n    const { query, action } = data;\n    const handler = handlers[action];\n    if (handler) {\n      handler(preparseQuery(query));\n    }\n  };\n\n  function getScoredTitle(q: PreparsedQuery, t: PreparsedTitle): ScoredTitle {\n    const charScores = getCharScores(q, t);\n    const score = getTotalScore(q, t, charScores);\n    return { title: t.title, charScores, score };\n  }\n\n  const maxResults = 5;\n\n  function autocompleteHandler(q: PreparsedQuery) {\n    preloadTitlesPromise.then((titles: PreparsedTitle[]) => {\n      const scoredTitles = titles.map((t: PreparsedTitle) =>\n        getScoredTitle(q, t)\n      );\n\n      const topAutocompleteTitles: AutocompleteSuggestion[] = scoredTitles\n        .filter((x: ScoredTitle) => x.score > 0)\n        .sort((a: ScoredTitle, b: ScoredTitle) => (a.score > b.score ? -1 : 1))\n        .slice(0, maxResults)\n        .map((t: ScoredTitle) => ({\n          title: t.title,\n          segments: getHighlightSegments(t.title, t.charScores),\n        }));\n\n      postMessage({\n        query: q.query,\n        result: topAutocompleteTitles,\n        action: 'autocomplete',\n      });\n    });\n  }\n\n  function searchAsYouTypeHandler(q: PreparsedQuery) {\n    fetch('{BASE_URL}/search-as-you-type{SEARCH}', {\n      body: JSON.stringify({ query: q.query, max: maxResults }),\n      method: 'POST',\n    })\n      .then((f) => f.json())\n      .then((searchAsYouTypeResults: SearchAsYouTypeResults) => {\n        for (let i = 0; i < searchAsYouTypeResults.top.length; i++) {\n          const entry = searchAsYouTypeResults.top[i];\n          const t = preparseTitle({ value: entry.title, popularity: 0 });\n          const charScores = getCharScores(q, t);\n          entry.segments = getHighlightSegments(entry.title, charScores);\n          entry.key = q.query + ':' + entry.title;\n        }\n        postMessage({\n          query: q.query,\n          result: searchAsYouTypeResults,\n          action: 'search-as-you-type',\n        });\n      });\n  }\n\n  /*\n   * For the search \"alge\", .04 is just low enough so that \"Linear algebra\"\n   * (which matches on 4 letters) comes in above \"Data structures and algorithms\"\n   * (which only matches on 3 letters, but has a high popularity score).\n   */\n  const popularityStrength = 0.04;\n\n  // Total used in sorting to find autocomplet top 5\n  // Bonus scores are includes in certain cases\n  function getTotalScore(\n    q: PreparsedQuery,\n    t: PreparsedTitle,\n    charScores: number[]\n  ) {\n    let fromChars = 0;\n    for (let i = 0; i < charScores.length; i++) {\n      fromChars += charScores[i];\n    }\n\n    const fromPopularity = (t.popularity || 0) * popularityStrength;\n\n    let bonus = 0;\n    // for each complete word present in both the title and query\n    q.words.forEach((qw) => {\n      if (t.words.has(qw)) {\n        bonus += 100;\n      }\n    });\n\n    // if the title starts with the query\n    if (t.lower.startsWith(q.query)) {\n      bonus += 200;\n    } else if (t.lower.startsWith(q.query.slice(0, 3))) {\n      // or at least the first 3 chars\n      bonus += 100;\n    }\n\n    // if the title is an exact match with the query\n    if (t.lower === q.query) {\n      bonus += 100;\n    }\n\n    // if there are some matching chars and the title is within 3 chars length of the query\n    if (fromChars > 1 && Math.abs(t.lower.length - q.query.length) <= 3) {\n      bonus += 100;\n    }\n\n    return fromChars + (fromChars > 1 ? fromPopularity : 0) + bonus;\n  }\n\n  // returns { value: string, highlight: boolean }[]\n  function getHighlightSegments(title: string, charScores: number[]) {\n    let currentSegment: HighlightSegment | null = null;\n    const segments: HighlightSegment[] = [];\n\n    const shouldHighlight = (i: number) => charScores[i] > 0;\n\n    const isDifferentFromPrev = (i: number) =>\n      shouldHighlight(i - 1) !== shouldHighlight(i);\n\n    for (let i = 0; i < title.length; i++) {\n      if (i === 0 || isDifferentFromPrev(i)) {\n        // If this char should be highlighted, but the prev one should not\n        // or vice versa, start a new segment.\n        currentSegment = { value: '', highlight: shouldHighlight(i) };\n        segments.push(currentSegment);\n      }\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      currentSegment!.value += title[i];\n    }\n    return segments;\n  }\n\n  // Used by autocomplete, both for finding top 5, and for highlighting\n  // Used by search-as-you-type, only for highlighting\n  // Returns number[], where each number is the match score for a char in the title\n  function getCharScores(q: PreparsedQuery, t: PreparsedTitle) {\n    /*\n     * Prefill the array for each char in the title.\n     * For each char, we keep an array of the consecutive matches the char is a part of.\n     */\n    const cmcsForTitleChars = Array(t.lower.length)\n      .fill(0)\n      .map(() => []) as ConsecutiveMatchingChars[][];\n\n    /*\n     * Overlay the query onto the title to see which chars match.\n     * Shift to align at different positions.\n     * e.g.\n     *   shift: 0\n     *   query: python3 learn\n     *   title: learn python 3\n     *   (no matches)\n     *\n     *   shift: 6\n     *   query:       python3 learn\n     *   title: learn python 3\n     *   (the word \"python\" matches)\n     *\n     *   shift: 7\n     *   query:        python3 learn\n     *   title: learn python 3\n     *   (\"3\" matches)\n     *\n     *   shift: -8\n     *   query: python3 learn\n     *   title:         learn python 3\n     *   (\"learn\" matches)\n     */\n    for (let shift = 1 - q.query.length; shift < t.lower.length; shift++) {\n      // for each shift position\n\n      let cmc: ConsecutiveMatchingChars | null = null;\n      const startOverlap = Math.max(shift, 0);\n      const endOverlap = Math.min(q.query.length + shift, t.lower.length);\n\n      // i is the index of a char in the title\n      for (let i = startOverlap; i < endOverlap; i++) {\n        // for each char position in the potentially overlapping area\n\n        // if char at this position matches (and isn't a space)\n        if (q.query[i - shift] === t.lower[i] && t.lower[i] !== ' ') {\n          if (!cmc) {\n            // start a new cmc if needed\n            cmc = { value: '' };\n          }\n\n          /*\n           * Append this char to the current cmc.\n           * We use an object with {value} so that we can modify by reference,\n           * since we want to modify the cmc, not only for this char, but also\n           * for any previous chars that this cmc was pushed to, since those\n           * chars are part of this same consecutive match.\n           */\n          cmc.value += q.query[i - shift];\n\n          // include this cmc for this char\n          cmcsForTitleChars[i].push(cmc);\n        } else if (cmc) {\n          // set to null so that the next match starts a new cmc\n          cmc = null;\n        }\n      }\n    }\n\n    const avgQueryWordLength = q.query.length / q.words.size;\n\n    // If avgQueryWordLength is 1-3, we want to the min match to be about that same size.\n    // If avgQueryWordLength is longer, we want min match to be longer...but not too long.\n    // e.g. For avgQueryWordLength of 9, min should be 5\n    // The misspelling \"regresion\" should still match \"regression\", but not \"encryption\",\n    // \"authentication\" or other words ending in \"ion\"\n    const minMatchLength = Math.ceil(avgQueryWordLength ** 0.65);\n\n    const charScores: number[] = [];\n    for (let i = 0; i < cmcsForTitleChars.length; i++) {\n      const cmcs = cmcsForTitleChars[i];\n      let score = 0;\n      for (let j = 0; j < cmcs.length; j++) {\n        const cmc = cmcs[j];\n        // if the string of consecutive matching chars meets the minMatchLength\n        // or if it's a standalone word in the query (e.g \"C\")\n        if (cmc.value.length >= minMatchLength || q.words.has(cmc.value)) {\n          score += cmc.value.length;\n        }\n      }\n      charScores.push(score);\n    }\n    return charScores;\n  }\n}\n"],"mappings":"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"}

package/dist/AppHeader/Search/SearchWorker/types.d.ts

@@ -27,4 +27,5 @@ interface SearchAsYouTypeResults extends SearchResults {
   })[];
 }
 //#endregion
-export { AutocompleteSuggestion, SearchAsYouTypeResults };
+export { AutocompleteSuggestion, SearchAsYouTypeResults };
+//# sourceMappingURL=types.d.ts.map

package/dist/AppHeader/Search/SearchWorker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA;EAAA,KAAA,EAAA,MAAA;EAKA,SAAA,EAAA,OAAA;AAGV,CAAA;AASQ,KAZE,sBAAA,GAYS;EAMJ,KAAA,EAAA,MAAA;EACT,QAAA,EAjBI,gBAiBJ,EAAA;CAEM;UAhBJ,aAAA,CAasC;EAAa,KAAA,EAAA,MAAA;;;;;UANnD,WAAA;;;;;UAMO,sBAAA,SAA+B;QACxC;;cAEM"}

package/dist/AppHeader/Search/SearchWorker/types.js

@@ -6,4 +6,5 @@ let SearchAction = /* @__PURE__ */ function(SearchAction$1) {
 }({});
 
 //#endregion
-export { SearchAction };
+export { SearchAction };
+//# sourceMappingURL=types.js.map

package/dist/AppHeader/Search/SearchWorker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/types.ts"],"sourcesContent":["export type HighlightSegment = {\n  value: string;\n  highlight: boolean;\n};\n\nexport type AutocompleteSuggestion = {\n  title: string;\n  segments: HighlightSegment[];\n};\n\ninterface SearchResults {\n  query: string;\n  queryLoadTime: number;\n  searchId: string;\n  resultsCount: number;\n}\n\ninterface BaseTopData {\n  type: string;\n  title: string;\n  slug: string;\n}\n\nexport interface SearchAsYouTypeResults extends SearchResults {\n  top: (BaseTopData & {\n    contentId?: string;\n    segments: HighlightSegment[];\n    urlPath: string;\n    key: string;\n  })[];\n}\n\nexport enum SearchAction {\n  Autocomplete = 'autocomplete',\n  SearchAsYouType = 'search-as-you-type',\n}\n\nexport type SearchResultTypes = {\n  [SearchAction.Autocomplete]: AutocompleteSuggestion[];\n  [SearchAction.SearchAsYouType]: SearchAsYouTypeResults;\n};\n\nexport type SearchWorker = <A extends SearchAction>(\n  action: A,\n  query: string\n) => Promise<SearchResultTypes[A]>;\n"],"mappings":";AAgCA,IAAY,wDAAL;AACL;AACA"}

package/dist/AppHeader/Search/SearchWorker/worker.js

@@ -23,4 +23,5 @@ function createSearchWorker() {
 }
 
 //#endregion
-export { createSearchWorker };
+export { createSearchWorker };
+//# sourceMappingURL=worker.js.map

package/dist/AppHeader/Search/SearchWorker/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.js","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/worker.ts"],"sourcesContent":["import { PromiseLookup } from './PromiseLookup';\nimport { serializeSearchWorkerSrc } from './src';\nimport type { SearchAction, SearchResultTypes, SearchWorker } from './types';\n\nconst mockWorker = () => ({ onmessage: () => null, postMessage: () => null });\n\nexport function createSearchWorker(): SearchWorker {\n  const src = serializeSearchWorkerSrc();\n  const blob = new Blob([src], { type: 'text/javascript' });\n  const dataUrl = URL.createObjectURL?.(blob);\n  const w = typeof Worker === 'undefined' ? mockWorker() : new Worker(dataUrl);\n\n  const results = new PromiseLookup<SearchResultTypes>({\n    onKeyInit: (action, query) => w.postMessage({ action, query }),\n  });\n\n  w.onmessage = ({ data }) => {\n    const { query, result, action } = data;\n    results.resolve(action, query, result);\n  };\n\n  return <A extends SearchAction>(action: A, query: string) =>\n    results.get<A>(action, query);\n}\n"],"mappings":";;;;AAIA,MAAM,oBAAoB;CAAE,iBAAiB;CAAM,mBAAmB;CAAM;AAE5E,SAAgB,qBAAmC;CACjD,MAAM,MAAM,0BAA0B;CACtC,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,mBAAmB,CAAC;CACzD,MAAM,UAAU,IAAI,kBAAkB,KAAK;CAC3C,MAAM,IAAI,OAAO,WAAW,cAAc,YAAY,GAAG,IAAI,OAAO,QAAQ;CAE5E,MAAM,UAAU,IAAI,cAAiC,EACnD,YAAY,QAAQ,UAAU,EAAE,YAAY;EAAE;EAAQ;EAAO,CAAC,EAC/D,CAAC;AAEF,GAAE,aAAa,EAAE,WAAW;EAC1B,MAAM,EAAE,OAAO,QAAQ,WAAW;AAClC,UAAQ,QAAQ,QAAQ,OAAO,OAAO;;AAGxC,SAAgC,QAAW,UACzC,QAAQ,IAAO,QAAQ,MAAM"}

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

@@ -23,4 +23,5 @@ declare const popularContent: ({
 })[];
 declare const ALLOWED_HOSTS: string[];
 //#endregion
-export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+//# sourceMappingURL=consts.d.ts.map

package/dist/AppHeader/Search/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../../src/AppHeader/Search/consts.ts"],"sourcesContent":[],"mappings":";cAAa,iBAAA;AAAA,cAEA,kBAFiB,EAAA,MAAA,EAAA;AAEjB,aASD,WAAA;EAAA,MAAA,GAAA,QAAW;EAQV,SAAA,GAAA,YAkCZ;EAEY,UAAA,GAAA,aAMZ;;;;cA1CY;;;QAkCZ;;;;;;QAAA;;;;cAEY"}

package/dist/AppHeader/Search/consts.js

@@ -60,4 +60,5 @@ const ALLOWED_HOSTS = [
 ];
 
 //#endregion
-export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+//# sourceMappingURL=consts.js.map

package/dist/AppHeader/Search/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../../src/AppHeader/Search/consts.ts"],"sourcesContent":["export const searchPlaceholder = 'What are you learning today?';\n\nexport const popularSearchTerms = [\n  'Artificial Intelligence',\n  'Data Science',\n  'Python',\n  'Web Development',\n  'HTML',\n  'Java',\n];\n\nexport enum ContentType {\n  COURSE = 'Course',\n  SKILLPATH = 'Skill Path',\n  CAREERPATH = 'Career Path',\n  ARTICLE = 'Article',\n  DOC = 'Doc',\n}\n\nexport const popularContent = [\n  {\n    title: 'Learn Python 3',\n    href: '/learn/learn-python-3',\n    type: ContentType.COURSE,\n    slug: 'learn-python-3',\n    contentId: '6c152bd262967f8c941c9707ed636bda',\n  },\n  {\n    title: 'Business Intelligence Data Analyst',\n    href: '/learn/paths/bi-data-analyst',\n    type: ContentType.CAREERPATH,\n    slug: 'bi-data-analyst',\n    contentId: 'd03c7391224540ef8f850f8807a2b72a',\n  },\n  {\n    title: 'Code Foundations',\n    href: '/learn/paths/code-foundations',\n    type: ContentType.SKILLPATH,\n    slug: 'code-foundations',\n    contentId: '5b55e668646caa552f8e4d1d',\n  },\n  {\n    title: 'What is Programming?',\n    href: '/article/what-is-programming',\n    type: ContentType.ARTICLE,\n    slug: 'what-is-programming',\n  },\n  {\n    title: 'HTML | Elements',\n    href: '/resources/docs/html',\n    type: ContentType.DOC,\n    slug: 'html/concepts/elements',\n  },\n];\n\nexport const ALLOWED_HOSTS = [\n  'skillsoft.com',\n  'percipio.com',\n  'localhost',\n  'codecademy.com',\n  'squads-dev.com',\n];\n"],"mappings":";AAAA,MAAa,oBAAoB;AAEjC,MAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAY,sDAAL;AACL;AACA;AACA;AACA;AACA;;;AAGF,MAAa,iBAAiB;CAC5B;EACE,OAAO;EACP,MAAM;EACN,MAAM,YAAY;EAClB,MAAM;EACN,WAAW;EACZ;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM,YAAY;EAClB,MAAM;EACN,WAAW;EACZ;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM,YAAY;EAClB,MAAM;EACN,WAAW;EACZ;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM,YAAY;EAClB,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM,YAAY;EAClB,MAAM;EACP;CACF;AAED,MAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACD"}

package/dist/AppHeader/Search/hooks/useUrlChangeDetection.js

@@ -13,4 +13,5 @@ const useUrlChangeDetection = ({ onUrlChange, getCurrentUrl = () => window.locat
 };
 
 //#endregion
-export { useUrlChangeDetection };
+export { useUrlChangeDetection };
+//# sourceMappingURL=useUrlChangeDetection.js.map

package/dist/AppHeader/Search/hooks/useUrlChangeDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlChangeDetection.js","names":[],"sources":["../../../../src/AppHeader/Search/hooks/useUrlChangeDetection.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport interface UrlChangeDetectionOptions {\n  onUrlChange: () => void;\n  getCurrentUrl?: () => string;\n}\n\nexport const useUrlChangeDetection = ({\n  onUrlChange,\n  getCurrentUrl = () => window.location?.href,\n}: UrlChangeDetectionOptions) => {\n  const currentUrl = getCurrentUrl();\n  const prevUrlRef = useRef(currentUrl);\n\n  useEffect(() => {\n    if (prevUrlRef.current !== currentUrl) {\n      onUrlChange();\n      prevUrlRef.current = currentUrl;\n    }\n  }, [currentUrl, onUrlChange]);\n};\n"],"mappings":";;;AAOA,MAAa,yBAAyB,EACpC,aACA,sBAAsB,OAAO,UAAU,WACR;CAC/B,MAAM,aAAa,eAAe;CAClC,MAAM,aAAa,OAAO,WAAW;AAErC,iBAAgB;AACd,MAAI,WAAW,YAAY,YAAY;AACrC,gBAAa;AACb,cAAW,UAAU;;IAEtB,CAAC,YAAY,YAAY,CAAC"}

package/dist/AppHeader/Search/safelyRedirect.js

@@ -36,4 +36,5 @@ function sanitizeURL(url) {
 }
 
 //#endregion
-export { safelyRedirect };
+export { safelyRedirect };
+//# sourceMappingURL=safelyRedirect.js.map

package/dist/AppHeader/Search/safelyRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safelyRedirect.js","names":[],"sources":["../../../src/AppHeader/Search/safelyRedirect.ts"],"sourcesContent":["/**\n * fork of @mono/util-url/src/safelyRedirect.ts, since\n * the build script doesn't resolve @mono dependencies\n */\n\nimport { ALLOWED_HOSTS } from './consts';\n\nexport function safelyRedirect(url: string) {\n  try {\n    const sanitizedURL = sanitizeURL(url);\n\n    if (isRelativeUrl(sanitizedURL) || hasAllowedHost(sanitizedURL)) {\n      window.location.assign(sanitizedURL);\n    } else {\n      throw new Error(`Invalid redirect url: ${sanitizedURL}`);\n    }\n  } catch (error) {}\n}\n\nfunction hasAllowedHost(url: string) {\n  const parsedUrl = new URL(url);\n  const { hostname } = parsedUrl;\n\n  return ALLOWED_HOSTS.some(\n    (host) =>\n      // Exact match or exact subdomain match (e.g. sub.codecademy.com)\n      hostname === host || hostname.endsWith(`.${host}`)\n  );\n}\n\n// when a url is relative, the URL constructor will throw a TypeError;\nfunction isRelativeUrl(url: string) {\n  try {\n    const parsedUrl = new URL(url);\n    return parsedUrl === undefined;\n  } catch (error) {\n    return true;\n  }\n}\n\n// supports already encoded urls by decoding and re-encoding.\n// params are handled separately to allow for the encoding of / characters\nfunction sanitizeURL(url: string) {\n  const [path, params] = url.split('?', 2);\n  const sanitizedPath = encodeURI(decodeURI(path));\n\n  if (!params) return sanitizedPath;\n\n  const urlParams = new URLSearchParams(params);\n  urlParams.forEach((value, key) => {\n    const decoded = decodeURIComponent(value);\n    urlParams.set(key, decoded);\n  });\n\n  return `${sanitizedPath}?${urlParams.toString()}`;\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,eAAe,KAAa;AAC1C,KAAI;EACF,MAAM,eAAe,YAAY,IAAI;AAErC,MAAI,cAAc,aAAa,IAAI,eAAe,aAAa,CAC7D,QAAO,SAAS,OAAO,aAAa;MAEpC,OAAM,IAAI,MAAM,yBAAyB,eAAe;UAEnD,OAAO;;AAGlB,SAAS,eAAe,KAAa;CAEnC,MAAM,EAAE,aADU,IAAI,IAAI,IAAI;AAG9B,QAAO,cAAc,MAClB,SAEC,aAAa,QAAQ,SAAS,SAAS,IAAI,OAAO,CACrD;;AAIH,SAAS,cAAc,KAAa;AAClC,KAAI;AAEF,SADkB,IAAI,IAAI,IAAI,KACT;UACd,OAAO;AACd,SAAO;;;AAMX,SAAS,YAAY,KAAa;CAChC,MAAM,CAAC,MAAM,UAAU,IAAI,MAAM,KAAK,EAAE;CACxC,MAAM,gBAAgB,UAAU,UAAU,KAAK,CAAC;AAEhD,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,YAAY,IAAI,gBAAgB,OAAO;AAC7C,WAAU,SAAS,OAAO,QAAQ;EAChC,MAAM,UAAU,mBAAmB,MAAM;AACzC,YAAU,IAAI,KAAK,QAAQ;GAC3B;AAEF,QAAO,GAAG,cAAc,GAAG,UAAU,UAAU"}

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

@@ -13,4 +13,5 @@ interface AppHeaderSearch extends OnSearch, onTrackingClick {
   onEnable: () => void;
 }
 //#endregion
-export { AppHeaderSearch };
+export { AppHeaderSearch };
+//# sourceMappingURL=types.d.ts.map

package/dist/AppHeader/Search/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/AppHeader/Search/types.ts"],"sourcesContent":[],"mappings":";;;;UAGU,eAAA;yDAGe;AALwB;AAKlB,UAIrB,QAAA,CAAQ;EAeD,QAAA,EAAA,CAAA,KAAA,EAAgB,MAAA,EAAA,cAAkB,CAAA,EAAA,MAAA,EAAA,GAAA,IAAe;;;UAAjD,eAAA,SAAwB,UAAU"}

package/dist/AppHeader/Search/useHeaderSearch.js

@@ -35,4 +35,5 @@ const useHeaderSearch = ({ onEnable, onSearch, onTrackingClick, onSearchAsYouTyp
 };
 
 //#endregion
-export { useHeaderSearch };
+export { useHeaderSearch };
+//# sourceMappingURL=useHeaderSearch.js.map

package/dist/AppHeader/Search/useHeaderSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderSearch.js","names":[],"sources":["../../../src/AppHeader/Search/useHeaderSearch.tsx"],"sourcesContent":["import { ButtonBaseElements } from '@codecademy/gamut';\nimport { useRef, useState } from 'react';\n\nimport { AnimatedHeaderZone } from '../shared';\nimport { SearchButton } from './SearchButton';\nimport { SearchPane } from './SearchPane';\nimport { AppHeaderSearch } from './types';\n\nexport const useHeaderSearch = ({\n  onEnable,\n  onSearch,\n  onTrackingClick,\n  onSearchAsYouType,\n}: AppHeaderSearch) => {\n  const [isSearchVisible, setIsSearchVisible] = useState(false);\n  const searchButtonRef = useRef<ButtonBaseElements>(null);\n\n  const toggleSearch = () => {\n    if (!isSearchVisible) {\n      onEnable();\n    }\n    setIsSearchVisible((oldIsSearchVisible) => !oldIsSearchVisible);\n  };\n\n  return [\n    {\n      id: 'search',\n      type: 'render-element',\n      renderElement: () => (\n        <SearchButton\n          isSearchVisible={isSearchVisible}\n          setIsSearchVisible={setIsSearchVisible}\n          toggleSearch={toggleSearch}\n          searchButtonRef={searchButtonRef}\n          onSearchAsYouType={onSearchAsYouType}\n        />\n      ),\n    },\n    <AnimatedHeaderZone visible={isSearchVisible} key=\"search-content\">\n      <SearchPane\n        onSearch={onSearch}\n        onTrackingClick={onTrackingClick}\n        toggleSearch={toggleSearch}\n        searchButtonRef={searchButtonRef}\n        onSearchAsYouType={onSearchAsYouType}\n      />\n    </AnimatedHeaderZone>,\n  ] as const;\n};\n"],"mappings":";;;;;;;AAQA,MAAa,mBAAmB,EAC9B,UACA,UACA,iBACA,wBACqB;CACrB,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,kBAAkB,OAA2B,KAAK;CAExD,MAAM,qBAAqB;AACzB,MAAI,CAAC,gBACH,WAAU;AAEZ,sBAAoB,uBAAuB,CAAC,mBAAmB;;AAGjE,QAAO,CACL;EACE,IAAI;EACJ,MAAM;EACN,qBACE,oBAAC;GACkB;GACG;GACN;GACG;GACE;IACnB;EAEL,EACD,oBAAC;EAAmB,SAAS;YAC3B,oBAAC;GACW;GACO;GACH;GACG;GACE;IACnB;IAP8C,iBAQ7B,CACtB"}

package/dist/AppHeader/index.d.ts

@@ -26,4 +26,5 @@ type AppHeaderProps = AppHeaderAction & {
 };
 declare const AppHeader: React$1.FC<AppHeaderProps>;
 //#endregion
-export { ALLOWED_HOSTS, AppHeader, AppHeaderProps, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+export { ALLOWED_HOSTS, AppHeader, AppHeaderProps, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AppHeader/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KA6BY,cAAA,GAAiB;SACpB;kBACS;;EAFN,MAAA,EAIF,eAJgB;EAAG;;;EAInB,uBAAA,CAAA,EAAA,OAAA;EAUsC;;;EAInC,YAkHZ,CAAA,EAAA,OAAA;;oBAtHmB,OAAA,CAAM,sBAAsB;;;cAInC,WAAW,OAAA,CAAM,GAAG"}

package/dist/AppHeader/index.js

@@ -87,4 +87,5 @@ const AppHeader = ({ action, hideRightButtonDefaults, items, notifications, redi
 };
 
 //#endregion
-export { ALLOWED_HOSTS, AppHeader, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+export { ALLOWED_HOSTS, AppHeader, ContentType, popularContent, popularSearchTerms, searchPlaceholder };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeader: React.FC<AppHeaderProps>","items"],"sources":["../../src/AppHeader/index.tsx"],"sourcesContent":["import { Menu } from '@codecademy/gamut';\nimport * as React from 'react';\nimport { useContext, useMemo, useRef } from 'react';\n\nimport {\n  AppHeaderAction,\n  AppHeaderItem,\n  AppHeaderSearch,\n  FormattedAppHeaderItems,\n  LogErrorContext,\n} from '..';\nimport { HeaderHeightArea } from '../HeaderHeightArea';\nimport { NotificationsDropdown } from '../Notifications/NotificationsDropdown';\nimport { AppHeaderNotificationSettings } from '../Notifications/types';\nimport { useHeaderNotifications } from '../Notifications/useHeaderNotifications';\nimport { AppHeaderListItem } from './AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderProvider } from './AppHeaderElements/AppHeaderProvider';\nimport { SearchTrackingProvider } from './Search/SearchTrackingProvider';\nimport { useHeaderSearch } from './Search/useHeaderSearch';\nimport {\n  appHeaderMobileBreakpoint,\n  appHeaderSpacing,\n  StyledAppBar,\n  StyledNavBar,\n} from './shared';\nimport { mapAppHeaderItemToElement } from './shared/utils';\n\nexport * from './Search/consts';\n\nexport type AppHeaderProps = AppHeaderAction & {\n  items: FormattedAppHeaderItems;\n  notifications?: AppHeaderNotificationSettings;\n  redirectParam?: string;\n  search: AppHeaderSearch;\n  /**\n   * used to conditonally hide the default search icon and notification bell\n   */\n  hideRightButtonDefaults?: boolean;\n  /**\n   * temporary solution to allow this to be used in LXStudio. Future Header epic here: GM-1024\n   */\n  isStandalone?: boolean;\n  isTeams?: boolean;\n  dropdownSpacing?: React.ComponentProps<typeof Menu>['spacing'];\n  type?: 'standard' | 'enterprise';\n};\n\nexport const AppHeader: React.FC<AppHeaderProps> = ({\n  action,\n  hideRightButtonDefaults,\n  items,\n  notifications,\n  redirectParam,\n  search,\n  isStandalone,\n  isTeams,\n  dropdownSpacing,\n  type = 'standard',\n}) => {\n  const menuContainerRef = useRef<HTMLUListElement>(null);\n\n  const [notificationsBell, notificationsView] = useHeaderNotifications({\n    settings: notifications,\n    Renderer: NotificationsDropdown,\n  });\n  const [searchButton, searchPane] = useHeaderSearch({\n    ...search,\n  });\n\n  const right = useMemo(() => {\n    const defaultItems = hideRightButtonDefaults\n      ? []\n      : [searchButton, ...(notificationsBell ? [notificationsBell] : [])];\n\n    if (isTeams) {\n      const teamsSpecificMenuItems = items.right.slice(0, -1);\n      const profile = items.right[items.right.length - 1];\n\n      return [...teamsSpecificMenuItems, ...defaultItems, profile];\n    }\n\n    return [...defaultItems, ...items.right];\n  }, [\n    searchButton,\n    notificationsBell,\n    hideRightButtonDefaults,\n    items,\n    isTeams,\n  ]);\n\n  const { logError } = useContext(LogErrorContext);\n\n  const mapItemsToElement = <T extends AppHeaderItem[]>(\n    items: T,\n    side: 'left' | 'right'\n  ) => {\n    // logging error to help with debugging\n    if (items && items.some((item) => !item)) {\n      try {\n        const itemTypesString = items\n          .map((item) => {\n            if (!item) return '**UNDEFINED ITEM**';\n            return item.type;\n          })\n          .join(', ');\n\n        logError?.(\n          `Error: Found an undefined app header item on the ${side} side of the header.`,\n          {\n            message: `The current array of items includes the following header item types: ${itemTypesString}`,\n          }\n        );\n      } catch (e) {\n        logError?.(`Error while logging undefined header items: ${e}`);\n      }\n    }\n\n    return (\n      items\n        // preventative measure to handle a possibly undefined item from being rendered\n        .filter((item) => !!item)\n        .map((item, index) => {\n          const margin = appHeaderSpacing[type];\n          return (\n            <AppHeaderListItem\n              key={item.id}\n              mr={margin}\n              ml={side === 'right' && index === 0 ? 'auto' : margin}\n            >\n              {mapAppHeaderItemToElement({\n                action,\n                item,\n                isStandalone,\n                isTeams,\n                redirectParam,\n                spacing: dropdownSpacing,\n              })}\n            </AppHeaderListItem>\n          );\n        })\n    );\n  };\n\n  return (\n    <HeaderHeightArea\n      display={{ _: 'none', [appHeaderMobileBreakpoint]: 'block' }}\n    >\n      <AppHeaderProvider>\n        <SearchTrackingProvider>\n          <StyledAppBar aria-label=\"Main\" as=\"nav\">\n            <StyledNavBar ref={menuContainerRef}>\n              {mapItemsToElement(items.left, 'left')}\n              {mapItemsToElement(right, 'right')}\n            </StyledNavBar>\n          </StyledAppBar>\n          {notificationsView}\n          {searchPane}\n        </SearchTrackingProvider>\n      </AppHeaderProvider>\n    </HeaderHeightArea>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA+CA,MAAaA,aAAuC,EAClD,QACA,yBACA,OACA,eACA,eACA,QACA,cACA,SACA,iBACA,OAAO,iBACH;CACJ,MAAM,mBAAmB,OAAyB,KAAK;CAEvD,MAAM,CAAC,mBAAmB,qBAAqB,uBAAuB;EACpE,UAAU;EACV,UAAU;EACX,CAAC;CACF,MAAM,CAAC,cAAc,cAAc,gBAAgB,EACjD,GAAG,QACJ,CAAC;CAEF,MAAM,QAAQ,cAAc;EAC1B,MAAM,eAAe,0BACjB,EAAE,GACF,CAAC,cAAc,GAAI,oBAAoB,CAAC,kBAAkB,GAAG,EAAE,CAAE;AAErE,MAAI,SAAS;GACX,MAAM,yBAAyB,MAAM,MAAM,MAAM,GAAG,GAAG;GACvD,MAAM,UAAU,MAAM,MAAM,MAAM,MAAM,SAAS;AAEjD,UAAO;IAAC,GAAG;IAAwB,GAAG;IAAc;IAAQ;;AAG9D,SAAO,CAAC,GAAG,cAAc,GAAG,MAAM,MAAM;IACvC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,aAAa,WAAW,gBAAgB;CAEhD,MAAM,qBACJ,SACA,SACG;AAEH,MAAIC,WAASA,QAAM,MAAM,SAAS,CAAC,KAAK,CACtC,KAAI;GACF,MAAM,kBAAkBA,QACrB,KAAK,SAAS;AACb,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,KAAK;KACZ,CACD,KAAK,KAAK;AAEb,cACE,oDAAoD,KAAK,uBACzD,EACE,SAAS,wEAAwE,mBAClF,CACF;WACM,GAAG;AACV,cAAW,+CAA+C,IAAI;;AAIlE,SACEA,QAEG,QAAQ,SAAS,CAAC,CAAC,KAAK,CACxB,KAAK,MAAM,UAAU;GACpB,MAAM,SAAS,iBAAiB;AAChC,UACE,oBAAC;IAEC,IAAI;IACJ,IAAI,SAAS,WAAW,UAAU,IAAI,SAAS;cAE9C,0BAA0B;KACzB;KACA;KACA;KACA;KACA;KACA,SAAS;KACV,CAAC;MAXG,KAAK,GAYQ;IAEtB;;AAIR,QACE,oBAAC;EACC,SAAS;GAAE,GAAG;IAAS,4BAA4B;GAAS;YAE5D,oBAAC,+BACC,qBAAC;GACC,oBAAC;IAAa,cAAW;IAAO,IAAG;cACjC,qBAAC;KAAa,KAAK;gBAChB,kBAAkB,MAAM,MAAM,OAAO,EACrC,kBAAkB,OAAO,QAAQ;MACrB;KACF;GACd;GACA;MACsB,GACP;GACH"}

package/dist/AppHeader/shared/elements.js

@@ -157,4 +157,5 @@ const appHeaderSpacing = {
 };
 
 //#endregion
-export { AnimatedHeaderZone, AnimatedMegaMenuDropdown, AnimatedSimpleDropdown, DropdownAnchor, DropdownIcon, StyledAppBar, StyledNavBar, StyledText, appHeaderMobileBreakpoint, appHeaderSpacing };
+export { AnimatedHeaderZone, AnimatedMegaMenuDropdown, AnimatedSimpleDropdown, DropdownAnchor, DropdownIcon, StyledAppBar, StyledNavBar, StyledText, appHeaderMobileBreakpoint, appHeaderSpacing };
+//# sourceMappingURL=elements.js.map

package/dist/AppHeader/shared/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["animatedPopoverVariants: Variants","AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps>","React"],"sources":["../../../src/AppHeader/shared/elements.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  FlexBox,\n  LayoutGrid,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ArrowChevronDownFilledIcon } from '@codecademy/gamut-icons';\nimport {\n  Colors,\n  css,\n  pxRem,\n  states,\n  useCurrentMode,\n} from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  Variants,\n} from 'framer-motion';\nimport * as React from 'react';\n\nimport { AppBar } from '../../AppBar';\nimport { GradientBackground } from '../AppHeaderElements/AppHeaderSection/elements';\n\nexport const appHeaderMobileBreakpoint = 'lg' as const;\n\nexport interface AnimatedHeaderZoneProps extends WithChildrenProp {\n  visible?: boolean;\n}\n\nconst animatedPopoverVariants: Variants = {\n  enter: { opacity: 1, transition: { duration: 0.2 } },\n  exit: { opacity: 0, transition: { duration: 0.2 } },\n};\n\nexport const useMegaMenuHeaderResponsiveStyles = (): {\n  bg: Colors;\n  borderColor: Colors;\n  color: Colors;\n} => {\n  const mode = useCurrentMode();\n\n  const bg = mode === 'dark' ? 'white' : 'navy-800';\n  const color = mode === 'dark' ? 'navy-900' : 'blue-0';\n\n  return { bg, borderColor: color, color };\n};\n\nexport const AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps> = ({\n  children,\n  visible,\n}) => {\n  return visible ? (\n    <AnimatePresence>\n      <motion.div\n        animate=\"enter\"\n        exit=\"exit\"\n        initial=\"exit\"\n        variants={animatedPopoverVariants}\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  ) : null;\n};\n\nexport const DropdownAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    padding: `0.5rem 0`,\n    textAlign: `center`,\n    whiteSpace: `nowrap`,\n\n    '&:focus::before': {\n      opacity: 1,\n    },\n  })\n);\n\nconst dropdownStates = states({\n  open: {\n    transform: `rotate(-180deg)`,\n  },\n});\n\nexport const DropdownIcon = styled(ArrowChevronDownFilledIcon)<\n  StyleProps<typeof dropdownStates>\n>(\n  css({\n    marginLeft: pxRem(5),\n    transition: `transform 0.35s ease-out`,\n    transformOrigin: `center ${pxRem(5)}`,\n  }),\n  dropdownStates\n);\n\nexport const StyledText = styled(Text)(\n  css({\n    '&::after': {\n      display: `block`,\n      content: `attr(title)`,\n      fontWeight: `bold`,\n      height: `1px`,\n      color: `transparent`,\n      overflow: `hidden`,\n      visibility: `hidden`,\n    },\n  })\n);\n\nconst getDropdownAnimations = ({\n  isOpen,\n  prefersReducedMotion,\n}: {\n  isOpen: boolean;\n  prefersReducedMotion: boolean | null;\n}) => {\n  const openState = {\n    transform: 'translateY(0)',\n    opacity: 1,\n  };\n  const closedState = {\n    transform: prefersReducedMotion ? 'none' : 'translateY(-8px)',\n    opacity: 0,\n  };\n\n  return {\n    animate: isOpen ? openState : closedState,\n    initial: closedState,\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n    },\n  };\n};\n\nconst BaseDropdown = styled(motion.create('div'))(() =>\n  css({ position: `absolute` })\n);\n\nconst MegaMenuBackdrop = styled(motion.create('div'))(\n  css({\n    position: 'relative',\n    zIndex: -1,\n  })\n);\n\nexport const AnimatedMegaMenuDropdown = React.forwardRef(\n  (\n    {\n      isOpen,\n      ...props\n    }: React.ComponentProps<typeof BaseDropdown> & {\n      isOpen: boolean;\n    },\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isAnimating, setIsAnimating] = React.useState(false);\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <>\n        <AnimatePresence>\n          {isOpen && (\n            <MegaMenuBackdrop\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15, ease: 'easeOut' }}\n            >\n              <GradientBackground\n                key=\"dropdown-backdrop\"\n                position=\"fixed\"\n                top=\"0\"\n                left=\"0\"\n                right=\"0\"\n                bottom=\"0\"\n              />\n            </MegaMenuBackdrop>\n          )}\n        </AnimatePresence>\n        {/* the preferred way to animate this would be via AnimatePresence, but it is unclear if\n            keeping closed dropdown content in the DOM has a positive effect on SEO */}\n        <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n          <BaseDropdown\n            key=\"dropdown-content\"\n            ref={ref}\n            {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n            {...props}\n            onAnimationComplete={(anim) => {\n              if (!isOpen) {\n                // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n                setIsAnimating(false);\n              }\n              props.onAnimationComplete?.(anim);\n            }}\n            onAnimationStart={(anim) => {\n              setIsAnimating(true);\n              props.onAnimationStart?.(anim);\n            }}\n          />\n        </Box>\n      </>\n    );\n  }\n);\n\nexport const AnimatedSimpleDropdown = ({\n  isOpen,\n  ...props\n}: React.ComponentProps<typeof BaseDropdown> & {\n  isOpen: boolean;\n}) => {\n  const [isAnimating, setIsAnimating] = React.useState(false);\n  const prefersReducedMotion = useReducedMotion();\n\n  // the preferred way to animate this would be via AnimatePresence, but it is unclear if\n  // keeping closed dropdown content in the DOM has a positive effect on SEO\n  return (\n    <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n      <BaseDropdown\n        {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n        {...props}\n        onAnimationComplete={(anim) => {\n          if (!isOpen) {\n            // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n            setIsAnimating(false);\n          }\n          props.onAnimationComplete?.(anim);\n        }}\n        onAnimationStart={(anim) => {\n          setIsAnimating(true);\n          props.onAnimationStart?.(anim);\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const LayoutGridAntiAliased = styled(LayoutGrid)`\n  -webkit-font-smoothing: antialiased;\n`;\n\n/* for Resources & Catalog menus */\nexport const DescriptionSectionContainer = styled(FlexBox)(\n  css({\n    '&:focus-visible': {\n      color: 'text',\n      outline: '1px solid currentColor !important',\n    },\n  })\n);\n\nexport const StyledAppBar = styled(AppBar)(\n  css({\n    boxShadow: `none`,\n  })\n);\n\nexport const StyledNavBar = styled.ul(\n  css({\n    alignItems: 'stretch',\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n  })\n);\n\nexport const appHeaderSpacing = {\n  standard: 8,\n\n  enterprise: 12,\n} as const;\n"],"mappings":"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"}

package/dist/AppHeader/shared/keyboardNav.js

@@ -62,4 +62,5 @@ const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) =
 };
 
 //#endregion
-export { useMenuKeyboardNavigation, useOnEscHandler };
+export { useMenuKeyboardNavigation, useOnEscHandler };
+//# sourceMappingURL=keyboardNav.js.map

package/dist/AppHeader/shared/keyboardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardNav.js","names":[],"sources":["../../../src/AppHeader/shared/keyboardNav.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\ninterface KeyboardNavigation {\n  back: (arg0: boolean) => void;\n  next: (arg0: boolean) => void;\n  first: () => void;\n  last: () => void;\n  closeDropdown: () => void;\n}\n\nexport const KEY_CODES = {\n  UP: 'ArrowUp',\n  DOWN: 'ArrowDown',\n  LEFT: 'ArrowLeft',\n  RIGHT: 'ArrowRight',\n  END: 'End',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  HOME: 'Home',\n  SPACE: ' ',\n  TAB: 'Tab',\n} as const;\n\nexport const useOnEscHandler = (\n  escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void\n) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.code === KEY_CODES.ESC) {\n      e.stopPropagation();\n      e.preventDefault();\n      escapeHandler(e);\n    }\n  };\n};\n\nexport const useMenuKeyboardNavigation = ({\n  back,\n  next,\n  first,\n  last,\n  closeDropdown,\n}: KeyboardNavigation) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.shiftKey && e.code === KEY_CODES.TAB) {\n      e.stopPropagation();\n      back(false);\n      return;\n    }\n    switch (e.code) {\n      case KEY_CODES.TAB:\n        e.stopPropagation();\n        next(false);\n        break;\n      case KEY_CODES.DOWN:\n        e.stopPropagation();\n        e.preventDefault();\n        next(true);\n        break;\n      case KEY_CODES.UP:\n        e.stopPropagation();\n        e.preventDefault();\n        back(true);\n        break;\n      case KEY_CODES.HOME:\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case KEY_CODES.END:\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case KEY_CODES.ESC:\n        e.stopPropagation();\n        e.preventDefault();\n        closeDropdown();\n        break;\n    }\n  };\n};\n"],"mappings":";AAUA,MAAa,YAAY;CACvB,IAAI;CACJ,MAAM;CACN,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,KAAK;CACN;AAED,MAAa,mBACX,kBACG;AACH,SAAQ,MAAqC;AAC3C,MAAI,EAAE,SAAS,UAAU,KAAK;AAC5B,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;;;AAKtB,MAAa,6BAA6B,EACxC,MACA,MACA,OACA,MACA,oBACwB;AACxB,SAAQ,MAAqC;AAC3C,MAAI,EAAE,YAAY,EAAE,SAAS,UAAU,KAAK;AAC1C,KAAE,iBAAiB;AACnB,QAAK,MAAM;AACX;;AAEF,UAAQ,EAAE,MAAV;GACE,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,SAAK,MAAM;AACX;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,WAAO;AACP;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,UAAM;AACN;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,mBAAe;AACf"}

package/dist/AppHeader/shared/types.d.ts

@@ -108,4 +108,5 @@ type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
 };
 type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
 //#endregion
-export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };
+export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };
+//# sourceMappingURL=types.d.ts.map

package/dist/AppHeader/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/AppHeader/shared/types.js

@@ -2,4 +2,5 @@
 const isAppHeaderItemWithHref = (item) => !!item.href;
 
 //#endregion
-export { isAppHeaderItemWithHref };
+export { isAppHeaderItemWithHref };
+//# sourceMappingURL=types.js.map

package/dist/AppHeader/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":["import {\n  Anchor,\n  BadgeProps,\n  FillButtonProps,\n  IconButtonProps,\n  StrokeButtonProps,\n  TextButtonProps,\n} from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport React, { ComponentProps, ReactNode, RefObject } from 'react';\n\nexport type AppHeaderItem =\n  | AppHeaderItemWithHref\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderRenderElementItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderDescriptiveLinkItem\n  | AppHeaderResourcesDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderItemWithHref =\n  | AppHeaderLogoItem\n  | AppHeaderLinkItem\n  | AppHeaderTextButtonItem\n  | AppHeaderFillButtonItem\n  | AppHeaderStrokeButtonItem\n  | AppHeaderIconButtonItem;\n\ntype AppHeaderBaseItem<Type extends string> = {\n  dataTestId?: string;\n  id: string;\n  redirect?: boolean;\n  type: Type;\n};\n\ntype AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {\n  href: string;\n  trackingTarget?: string;\n};\n\nexport type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {\n  enterprise: boolean;\n  pro: boolean;\n  checkMini?: boolean;\n  removeAnchorLink?: boolean;\n};\n\nexport type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> &\n  Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {\n    ariaLabel?: string;\n    newTab?: boolean;\n    text: string;\n    badge?: React.ReactElement<BadgeProps>;\n  };\n\nexport type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> &\n  Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> &\n  Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> &\n  Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> &\n  Pick<IconButtonProps, 'variant' | 'icon'> & {\n    text: string;\n  };\n\nexport type AppHeaderDropdownItem =\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {\n  popover: AppHeaderLinkItem[];\n  text: string;\n  trackingTarget: string;\n  icon?: React.ComponentType<GamutIconProps>;\n  isIconOnly?: boolean;\n};\n\nexport type AppHeaderProfileDropdownItem =\n  AppHeaderBaseItem<'profile-dropdown'> & {\n    avatar: string;\n    userDisplayName: string;\n    //* * AppHeader items that go into the AppHeader. Each array will be in its own section */\n    popover: AppHeaderLinkItem[][];\n    text: string;\n    trackingTarget?: string;\n  };\n\nexport type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {\n  renderElement: () => ReactNode;\n};\n\nexport type AppHeaderCatalogDropdownItem =\n  AppHeaderBaseItem<'catalog-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    isCoachingEnabled?: boolean;\n  };\n\nexport type AppHeaderResourcesDropdownItem =\n  AppHeaderBaseItem<'resources-dropdown'> & {\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    icon?: React.ComponentType<GamutIconProps>;\n  };\n\nexport type AppHeaderResourcesSimpleDropdownItem =\n  AppHeaderBaseItem<'resources-simple-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    popover: AppHeaderLinkItem[];\n  };\n\nexport type AppHeaderClickHandler<ItemType = AppHeaderItem> = (\n  event: React.MouseEvent,\n  item: ItemType\n) => void;\n\nexport type AppHeaderAction = {\n  /** A method to be called on click/activating a header item */\n  action: AppHeaderClickHandler;\n};\n\nexport const isAppHeaderItemWithHref = (\n  item: AppHeaderItem\n): item is AppHeaderItemWithHref => !!(item as AppHeaderItemWithHref).href;\n\nexport type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {\n  description: string;\n};\n\nexport type AppHeaderResourcesDataItem = {\n  title: string;\n  description?: string;\n  links?: AppHeaderLinkItem[];\n  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];\n};\n\nexport type AppFooterResourcesDataItem = {\n  id: string;\n  href: string;\n  trackingTarget: string;\n  text: string;\n  newTab?: boolean;\n};\n\nexport type FormattedAppHeaderItems = {\n  left: AppHeaderItem[];\n  right: AppHeaderItem[];\n};\n\nexport type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {\n  mainMenu: AppHeaderItem[];\n};\n\nexport type AnchorRefItemType =\n  | RefObject<HTMLAnchorElement>['current']\n  | RefObject<HTMLButtonElement>['current']\n  | null;\n"],"mappings":";AA2IA,MAAa,2BACX,SACkC,CAAC,CAAE,KAA+B"}

package/dist/AppHeader/shared/utils.js

@@ -81,4 +81,5 @@ const mapAppHeaderItemToElement = ({ action, item, isStandalone, isTeams, redire
 };
 
 //#endregion
-export { mapAppHeaderItemToElement };
+export { mapAppHeaderItemToElement };
+//# sourceMappingURL=utils.js.map

package/dist/AppHeader/shared/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/AppHeader/shared/utils.tsx"],"sourcesContent":["import {\n  FillButton,\n  IconButton,\n  Menu,\n  StrokeButton,\n  TextButton,\n} from '@codecademy/gamut';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport { formatUrlWithRedirect } from '../../GlobalHeader/urlHelpers';\nimport { AppHeaderCatalogDropdown } from '../AppHeaderElements/AppHeaderCatalogDropdown';\nimport { AppHeaderDropdown } from '../AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLink } from '../AppHeaderElements/AppHeaderLink';\nimport { AppHeaderLogo } from '../AppHeaderElements/AppHeaderLogo';\nimport { AppHeaderResourcesDropdown } from '../AppHeaderElements/AppHeaderResourcesDropdown';\nimport { AppHeaderClickHandler, AppHeaderItem } from './types';\n\ntype AppHeaderItemToElementType = {\n  action: AppHeaderClickHandler;\n  item: AppHeaderItem;\n  isStandalone?: boolean;\n  isTeams?: boolean;\n  redirectParam?: string;\n  mobile?: boolean;\n  spacing?: ComponentProps<typeof Menu>['spacing'];\n};\n\nexport const mapAppHeaderItemToElement = ({\n  action,\n  item,\n  isStandalone,\n  isTeams,\n  redirectParam,\n  mobile = false,\n  spacing = 'normal',\n}: AppHeaderItemToElementType): ReactNode => {\n  // preventative measure to handle a possibly undefined item from being rendered\n  if (!item) return null;\n\n  switch (item.type) {\n    case 'logo':\n      return <AppHeaderLogo action={action} item={item} />;\n    case 'link':\n      return <AppHeaderLink mx={0} action={action} item={item} />;\n    case 'dropdown':\n    case 'resources-simple-dropdown':\n    case 'profile-dropdown':\n      return (\n        <AppHeaderDropdown\n          action={action}\n          item={item}\n          standalone={isStandalone}\n          spacing={spacing}\n        />\n      );\n    case 'catalog-dropdown':\n      return <AppHeaderCatalogDropdown action={action} item={item} />;\n    case 'resources-dropdown':\n      return <AppHeaderResourcesDropdown action={action} item={item} />;\n\n    case 'render-element':\n      return item.renderElement();\n    case 'text-button':\n      return (\n        <TextButton\n          size={mobile ? 'small' : 'normal'}\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          variant={isTeams ? 'primary' : 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </TextButton>\n      );\n    case 'fill-button':\n      return (\n        <FillButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </FillButton>\n      );\n    case 'stroke-button':\n      return (\n        <StrokeButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </StrokeButton>\n      );\n    case 'icon-button':\n      return (\n        <IconButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          tip={item.text}\n          tipProps={{ alignment: 'bottom-center' }}\n        />\n      );\n  }\n};\n"],"mappings":";;;;;;;;;;AA2BA,MAAa,6BAA6B,EACxC,QACA,MACA,cACA,SACA,eACA,SAAS,OACT,UAAU,eACiC;AAE3C,KAAI,CAAC,KAAM,QAAO;AAElB,SAAQ,KAAK,MAAb;EACE,KAAK,OACH,QAAO,oBAAC;GAAsB;GAAc;IAAQ;EACtD,KAAK,OACH,QAAO,oBAAC;GAAc,IAAI;GAAW;GAAc;IAAQ;EAC7D,KAAK;EACL,KAAK;EACL,KAAK,mBACH,QACE,oBAAC;GACS;GACF;GACN,YAAY;GACH;IACT;EAEN,KAAK,mBACH,QAAO,oBAAC;GAAiC;GAAc;IAAQ;EACjE,KAAK,qBACH,QAAO,oBAAC;GAAmC;GAAc;IAAQ;EAEnE,KAAK,iBACH,QAAO,KAAK,eAAe;EAC7B,KAAK,cACH,QACE,oBAAC;GACC,MAAM,SAAS,UAAU;GACzB,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,eAAa,KAAK;GAClB,MACE,KAAK,WACD,sBAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,SAAS,UAAU,YAAY;GAC/B,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACK;EAEjB,KAAK,cACH,QACE,oBAAC;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACD,sBAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACK;EAEjB,KAAK,gBACH,QACE,oBAAC;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACD,sBAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACO;EAEnB,KAAK,cACH,QACE,oBAAC;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACD,sBAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,KAAK,KAAK;GACV,UAAU,EAAE,WAAW,iBAAiB;IACxC"}

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts

@@ -10,4 +10,5 @@ type AppHeaderMainMenuMobileProps = AppHeaderAction & {
 };
 declare const AppHeaderMainMenuMobile: React$1.FC<AppHeaderMainMenuMobileProps>;
 //#endregion
-export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };
+export { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAgDY,4BAAA,GAA+B;SAClC;;EADG,MAAA,EAAA,OAAA;AAMZ,CAAA;cAAa,yBAAyB,OAAA,CAAM,GAC1C"}

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -120,4 +120,5 @@ const AppHeaderMainMenuMobile = ({ action, items, getItemType, isAnon }) => {
 };
 
 //#endregion
-export { AppHeaderMainMenuMobile };
+export { AppHeaderMainMenuMobile };
+//# sourceMappingURL=index.js.map

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderMainMenuMobile: React.FC<\n  AppHeaderMainMenuMobileProps\n>","action"],"sources":["../../../src/AppHeaderMobile/AppHeaderMainMenuMobile/index.tsx"],"sourcesContent":["import {\n  Box,\n  ContentContainer,\n  FillButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport {\n  AppHeaderAction,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderItem,\n} from '../../AppHeader/shared';\nimport {\n  login,\n  requestTeamsDemo,\n  signUp,\n  signUpTextButton,\n} from '../../GlobalHeader/GlobalHeaderItems';\nimport { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';\nimport { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';\nimport { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';\n\nconst isBusinessPage = () => {\n  if (typeof window === 'undefined') return false;\n  return (\n    window.location.pathname === '/business' ||\n    window.location.pathname === '/business/pricing'\n  );\n};\n\nconst BackgroundWrapper = styled(Box)(\n  css({\n    background: theme.colors.white,\n    border: 1,\n    borderColor: 'border-tertiary',\n    borderRadius: 'lg',\n    padding: '16px',\n  })\n);\n\nexport type AppHeaderMainMenuMobileProps = AppHeaderAction & {\n  items: AppHeaderItem[];\n  getItemType: (type: string | undefined) => void;\n  isAnon: boolean;\n};\n\nexport const AppHeaderMainMenuMobile: React.FC<\n  AppHeaderMainMenuMobileProps\n> = ({ action, items, getItemType, isAnon }) => {\n  const [subMenuItem, setSubMenuItem] = useState<AppHeaderDropdownItem>();\n\n  const openSubMenu = (\n    event: React.MouseEvent,\n    item: AppHeaderDropdownItem\n  ) => {\n    action(event, item);\n    setSubMenuItem(item);\n    getItemType(item.type);\n  };\n\n  const closeSubMenu = () => {\n    setSubMenuItem(undefined);\n    getItemType(undefined);\n  };\n\n  const mapItemToElement = (\n    item: AppHeaderItem,\n    action: AppHeaderClickHandler\n  ) => {\n    switch (item.type) {\n      case 'link':\n        return (\n          <AppHeaderLink action={action} item={item} key={item.id} mobile />\n        );\n      case 'dropdown':\n      case 'profile-dropdown':\n      case 'catalog-dropdown':\n      case 'resources-dropdown':\n        return (\n          <AppHeaderSubMenuRow\n            key={item.id}\n            item={item}\n            openSubMenu={openSubMenu}\n          />\n        );\n      case 'resources-simple-dropdown':\n        return (\n          <>\n            <Text as=\"h2\" fontSize={22} mt={16} mb={16}>\n              {item.text}\n            </Text>\n            <AppHeaderLinkSections action={action} item={item} mobile />\n          </>\n        );\n      case 'fill-button':\n        return (\n          <FillButton\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n            mt={24}\n            key={item.id}\n          >\n            {item.text}\n          </FillButton>\n        );\n      case 'text-button':\n        return (\n          <TextButton\n            mt={16}\n            key={item.id}\n            data-testid={item.dataTestId}\n            href={item.href}\n            onClick={(event: React.MouseEvent) => action(event, item)}\n          >\n            {item.text}\n          </TextButton>\n        );\n      default:\n        return <></>;\n    }\n  };\n\n  return subMenuItem ? (\n    <AppHeaderSubNavMobile\n      handleCloseSubMenu={closeSubMenu}\n      action={action}\n      item={subMenuItem}\n    />\n  ) : (\n    <ContentContainer\n      role=\"navigation\"\n      aria-label=\"site navigation\"\n      tabIndex={-1}\n    >\n      <BackgroundWrapper>\n        <MobileUlWrapper as=\"ul\">\n          {items.map((item) => mapItemToElement(item, action))}\n          {isAnon && (\n            <div\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{\n                display: 'flex',\n                alignItems: 'baseline',\n                justifyContent: 'center',\n                paddingTop: '16px',\n                borderTop: '1px solid var(--border-tertiary)',\n              }}\n            >\n              {isBusinessPage() ? (\n                <>\n                  <TextButton\n                    data-testid={signUpTextButton.dataTestId}\n                    href={signUpTextButton.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, signUpTextButton)\n                    }\n                    key={signUpTextButton.id}\n                  >\n                    {signUpTextButton.text}\n                  </TextButton>\n\n                  <FillButton\n                    data-testid={requestTeamsDemo.dataTestId}\n                    href={requestTeamsDemo.href}\n                    onClick={(event: React.MouseEvent) =>\n                      action(event, requestTeamsDemo)\n                    }\n                    key={requestTeamsDemo.id}\n                  >\n                    {requestTeamsDemo.text}\n                  </FillButton>\n                </>\n              ) : (\n                <>\n                  <FillButton\n                    data-testid={signUp.dataTestId}\n                    href={signUp.href}\n                    onClick={(event: React.MouseEvent) => action(event, signUp)}\n                    key={signUp.id}\n                  >\n                    {signUp.text}\n                  </FillButton>\n\n                  <TextButton\n                    key={login.id}\n                    data-testid={login.dataTestId}\n                    href={login.href}\n                    onClick={(event: React.MouseEvent) => action(event, login)}\n                  >\n                    {login.text}\n                  </TextButton>\n                </>\n              )}\n            </div>\n          )}\n        </MobileUlWrapper>\n      </BackgroundWrapper>\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,uBAAuB;AAC3B,KAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa;;AAIjC,MAAM,oBAAoB,OAAO,IAAI,CACnC,IAAI;CACF,YAAY,MAAM,OAAO;CACzB,QAAQ;CACR,aAAa;CACb,cAAc;CACd,SAAS;CACV,CAAC,CACH;AAQD,MAAaA,2BAER,EAAE,QAAQ,OAAO,aAAa,aAAa;CAC9C,MAAM,CAAC,aAAa,kBAAkB,UAAiC;CAEvE,MAAM,eACJ,OACA,SACG;AACH,SAAO,OAAO,KAAK;AACnB,iBAAe,KAAK;AACpB,cAAY,KAAK,KAAK;;CAGxB,MAAM,qBAAqB;AACzB,iBAAe,OAAU;AACzB,cAAY,OAAU;;CAGxB,MAAM,oBACJ,MACA,aACG;AACH,UAAQ,KAAK,MAAb;GACE,KAAK,OACH,QACE,oBAAC;IAAc,QAAQC;IAAc;IAAoB;MAAT,KAAK,GAAa;GAEtE,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,qBACH,QACE,oBAAC;IAEO;IACO;MAFR,KAAK,GAGV;GAEN,KAAK,4BACH,QACE,4CACE,oBAAC;IAAK,IAAG;IAAK,UAAU;IAAI,IAAI;IAAI,IAAI;cACrC,KAAK;KACD,EACP,oBAAC;IAAsB,QAAQA;IAAc;IAAM;KAAS,IAC3D;GAEP,KAAK,cACH,QACE,oBAAC;IACC,eAAa,KAAK;IAClB,MAAM,KAAK;IACX,UAAU,UAA4BA,SAAO,OAAO,KAAK;IACzD,IAAI;cAGH,KAAK;MAFD,KAAK,GAGC;GAEjB,KAAK,cACH,QACE,oBAAC;IACC,IAAI;IAEJ,eAAa,KAAK;IAClB,MAAM,KAAK;IACX,UAAU,UAA4BA,SAAO,OAAO,KAAK;cAExD,KAAK;MALD,KAAK,GAMC;GAEjB,QACE,QAAO,iCAAK;;;AAIlB,QAAO,cACL,oBAAC;EACC,oBAAoB;EACZ;EACR,MAAM;GACN,GAEF,oBAAC;EACC,MAAK;EACL,cAAW;EACX,UAAU;YAEV,oBAAC,+BACC,qBAAC;GAAgB,IAAG;cACjB,MAAM,KAAK,SAAS,iBAAiB,MAAM,OAAO,CAAC,EACnD,UACC,oBAAC;IAEC,OAAO;KACL,SAAS;KACT,YAAY;KACZ,gBAAgB;KAChB,YAAY;KACZ,WAAW;KACZ;cAEA,gBAAgB,GACf,4CACE,oBAAC;KACC,eAAa,iBAAiB;KAC9B,MAAM,iBAAiB;KACvB,UAAU,UACR,OAAO,OAAO,iBAAiB;eAIhC,iBAAiB;OAFb,iBAAiB,GAGX,EAEb,oBAAC;KACC,eAAa,iBAAiB;KAC9B,MAAM,iBAAiB;KACvB,UAAU,UACR,OAAO,OAAO,iBAAiB;eAIhC,iBAAiB;OAFb,iBAAiB,GAGX,IACZ,GAEH,4CACE,oBAAC;KACC,eAAa,OAAO;KACpB,MAAM,OAAO;KACb,UAAU,UAA4B,OAAO,OAAO,OAAO;eAG1D,OAAO;OAFH,OAAO,GAGD,EAEb,oBAAC;KAEC,eAAa,MAAM;KACnB,MAAM,MAAM;KACZ,UAAU,UAA4B,OAAO,OAAO,MAAM;eAEzD,MAAM;OALF,MAAM,GAMA,IACZ;KAED;IAEQ,GACA;GACH"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.js

@@ -23,4 +23,5 @@ const MobileSubMenuWrapper = ({ children, handleClose, isMenuRole }) => {
 };
 
 //#endregion
-export { MobileSubMenuWrapper, MobileUlWrapper };
+export { MobileSubMenuWrapper, MobileUlWrapper };
+//# sourceMappingURL=elements.js.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/elements.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { PropsWithChildren } from 'react';\n\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport {\n  AppHeaderMenuProvider,\n  AppHeaderMenuProviderProps,\n} from '../../AppHeader/AppHeaderElements/AppHeaderMenuProvider';\n\nconst uiWrapperFocus = focusVisibleStyle('-4px');\n\nexport const MobileUlWrapper = styled.ul(\n  css({\n    listStyle: 'none',\n    p: 0,\n    m: 0,\n    pb: 4,\n    ...uiWrapperFocus,\n  })\n);\n\ntype MobileSubMenuWrapperProps =\n  | Pick<AppHeaderMenuProviderProps, 'handleClose'> & { isMenuRole: boolean };\n\nexport const MobileSubMenuWrapper = ({\n  children,\n  handleClose,\n  isMenuRole,\n}: PropsWithChildren<MobileSubMenuWrapperProps>) => {\n  return isMenuRole ? (\n    <AppHeaderMenuProvider as={AppHeaderListItem} handleClose={handleClose}>\n      {children}\n    </AppHeaderMenuProvider>\n  ) : (\n    <AppHeaderListItem>{children}</AppHeaderListItem>\n  );\n};\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAiB,kBAAkB,OAAO;AAEhD,MAAa,kBAAkB,OAAO,GACpC,IAAI;CACF,WAAW;CACX,GAAG;CACH,GAAG;CACH,IAAI;CACJ,GAAG;CACJ,CAAC,CACH;AAKD,MAAa,wBAAwB,EACnC,UACA,aACA,iBACkD;AAClD,QAAO,aACL,oBAAC;EAAsB,IAAI;EAAgC;EACxD;GACqB,GAExB,oBAAC,qBAAmB,WAA6B"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts

@@ -9,4 +9,5 @@ type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDro
 };
 declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
 //#endregion
-export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
+export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAwBY,2BAAA,IACR,yBACA,gCACA;;AAHJ,CAAA;AACI,cAqES,qBArET,EAqEgC,OAAA,CAAM,EArEtC,CAqEyC,2BArEzC,CAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js

@@ -104,4 +104,5 @@ const AppHeaderSubNavMobile = ({ action, handleCloseSubMenu, item }) => {
 };
 
 //#endregion
-export { AppHeaderSubNavMobile };
+export { AppHeaderSubNavMobile };
+//# sourceMappingURL=index.js.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps>"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":["import { Anchor, Box, Menu, Text } from '@codecademy/gamut';\nimport { ArrowLeftIcon } from '@codecademy/gamut-icons';\nimport { css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';\nimport { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';\nimport { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';\nimport { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';\nimport { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared';\nimport { MobileSubMenuWrapper, MobileUlWrapper } from './elements';\n\nexport type AppHeaderSubMenuMobileProps = (\n  | AppHeaderDropdownProps\n  | AppHeaderCatalogDropdownProps\n  | AppHeaderResourceDropdownProps\n) & {\n  handleCloseSubMenu: () => void;\n};\n\ntype AppHeaderSectionItem =\n  | AppHeaderDropdownItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderResourcesDropdownItem;\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    width: 'calc(100% - 64px)',\n    py: 8,\n    mt: 0,\n    mb: 16,\n  })\n);\n\nconst BackgroundWrapper = styled(Box)<{\n  isNotCatalogOrResources: boolean;\n}>(\n  states({\n    isNotCatalogOrResources: {\n      background: theme.colors.white,\n      border: 1,\n      borderColor: 'border-tertiary',\n      borderRadius: 'lg',\n      padding: '16px',\n      mx: 16,\n    },\n  })\n);\n\nconst renderHeaderSection = (\n  item: AppHeaderSectionItem,\n  action: AppHeaderClickHandler,\n  handleCloseSubMenu: () => void\n) => {\n  switch (item.type) {\n    case 'catalog-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={CATALOG_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"catalog-dropdown\"\n          isCoachingEnabled={item.isCoachingEnabled}\n        />\n      );\n    case 'resources-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={RESOURCES_NAV_SECTIONS}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"resources-dropdown\"\n        />\n      );\n    default:\n      return <AppHeaderLinkSections action={action} item={item} mobile />;\n  }\n};\n\nexport const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps> = ({\n  action,\n  handleCloseSubMenu,\n  item,\n}) => {\n  const mainUlWrapper = useRef<HTMLUListElement>(null);\n\n  useEffect(() => {\n    if (mainUlWrapper?.current) {\n      mainUlWrapper.current.focus();\n    }\n  }, []);\n\n  const isProfileMenu = item.type === 'profile-dropdown';\n\n  const isCatalogOrResourcesMenu =\n    item.type === 'catalog-dropdown' || item.type === 'resources-dropdown';\n\n  const renderBackButton = () => {\n    if (!isCatalogOrResourcesMenu) {\n      return (\n        <AppHeaderListItem>\n          <StyledAnchor\n            onClick={handleCloseSubMenu}\n            variant=\"interface\"\n            as=\"button\"\n          >\n            <ArrowLeftIcon size={24} aria-hidden />\n            <Text pl={8}>Back</Text>\n          </StyledAnchor>\n        </AppHeaderListItem>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <BackgroundWrapper isNotCatalogOrResources={!isCatalogOrResourcesMenu}>\n      <MobileUlWrapper ref={mainUlWrapper} tabIndex={-1}>\n        {renderBackButton()}\n        <MobileSubMenuWrapper\n          handleClose={handleCloseSubMenu}\n          isMenuRole={isProfileMenu}\n        >\n          {!isCatalogOrResourcesMenu && (\n            <Text as=\"h1\" fontSize={20} mb={16} ml={0}>\n              {isProfileMenu ? item.userDisplayName : item.text}\n            </Text>\n          )}\n          <Menu\n            variant=\"fixed\"\n            mx={isCatalogOrResourcesMenu ? { _: 16, sm: 32 } : 0}\n            width=\"auto\"\n            bg=\"transparent\"\n          >\n            {renderHeaderSection(item, action, handleCloseSubMenu)}\n          </Menu>\n        </MobileSubMenuWrapper>\n      </MobileUlWrapper>\n    </BackgroundWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,OAAO,OAAO,CACjC,IAAI;CACF,YAAY;CACZ,SAAS;CACT,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,CAAC,CACH;AAED,MAAM,oBAAoB,OAAO,IAAI,CAGnC,OAAO,EACL,yBAAyB;CACvB,YAAY,MAAM,OAAO;CACzB,QAAQ;CACR,aAAa;CACb,cAAc;CACd,SAAS;CACT,IAAI;CACL,EACF,CAAC,CACH;AAED,MAAM,uBACJ,MACA,QACA,uBACG;AACH,SAAQ,KAAK,MAAb;EACE,KAAK,mBACH,QACE,oBAAC;GACC,aAAa;GACI;GACjB;GACA,aAAa;GACb,MAAK;GACL,mBAAmB,KAAK;IACxB;EAEN,KAAK,qBACH,QACE,oBAAC;GACC,aAAa;GACb;GACA,aAAa;GACb,MAAK;IACL;EAEN,QACE,QAAO,oBAAC;GAA8B;GAAc;GAAM;IAAS;;;AAIzE,MAAaA,yBAAgE,EAC3E,QACA,oBACA,WACI;CACJ,MAAM,gBAAgB,OAAyB,KAAK;AAEpD,iBAAgB;AACd,MAAI,eAAe,QACjB,eAAc,QAAQ,OAAO;IAE9B,EAAE,CAAC;CAEN,MAAM,gBAAgB,KAAK,SAAS;CAEpC,MAAM,2BACJ,KAAK,SAAS,sBAAsB,KAAK,SAAS;CAEpD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,yBACH,QACE,oBAAC,+BACC,qBAAC;GACC,SAAS;GACT,SAAQ;GACR,IAAG;cAEH,oBAAC;IAAc,MAAM;IAAI;KAAc,EACvC,oBAAC;IAAK,IAAI;cAAG;KAAW;IACX,GACG;AAGxB,SAAO;;AAGT,QACE,oBAAC;EAAkB,yBAAyB,CAAC;YAC3C,qBAAC;GAAgB,KAAK;GAAe,UAAU;cAC5C,kBAAkB,EACnB,qBAAC;IACC,aAAa;IACb,YAAY;eAEX,CAAC,4BACA,oBAAC;KAAK,IAAG;KAAK,UAAU;KAAI,IAAI;KAAI,IAAI;eACrC,gBAAgB,KAAK,kBAAkB,KAAK;MACxC,EAET,oBAAC;KACC,SAAQ;KACR,IAAI,2BAA2B;MAAE,GAAG;MAAI,IAAI;MAAI,GAAG;KACnD,OAAM;KACN,IAAG;eAEF,oBAAoB,MAAM,QAAQ,mBAAmB;MACjD;KACc;IACP;GACA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.js

@@ -55,4 +55,5 @@ const AppHeaderSubMenuRow = ({ item, openSubMenu }) => {
 };
 
 //#endregion
-export { AppHeaderSubMenuRow };
+export { AppHeaderSubMenuRow };
+//# sourceMappingURL=index.js.map