construct-hub 0.3.155 → 0.3.156

package/website/static/js/{8.924ac8b3.chunk.js.map → 8.ba53b356.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","util/package.ts","hooks/useQueryParams/useQueryParams.ts","hooks/useConfigValue/useConfigValue.ts","hooks/useLanguage/useLanguage.ts","components/PackageCard/constants.ts","components/PackageCard/testIds.ts","components/PackageCard/Details.tsx","components/PackageCard/EditorsNote.tsx","components/PackageCard/Heading.tsx","components/PackageCard/Highlight.tsx","components/PackageLanguages/PackageLanguages.tsx","components/PackageCard/Languages.tsx","components/PackageCard/Tags.tsx","components/PackageCard/WideCard.tsx","components/PackageCard/PackageCard.tsx","components/Time/Time.tsx","components/Highlight/Highlight.tsx","components/PackageTag/PackageTag.tsx","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","views/SearchRedesign/FilterHeading.tsx","views/SearchRedesign/testIds.ts","views/SearchRedesign/RadioFilter.tsx","views/SearchRedesign/constants.ts","views/SearchRedesign/util.ts","views/SearchRedesign/SearchState.tsx","views/SearchRedesign/CDKFilter.tsx","views/SearchRedesign/CheckboxFilter.tsx","views/SearchRedesign/KeywordsFilter.tsx","views/SearchRedesign/LanguageFilter.tsx","views/SearchRedesign/TagFilter.tsx","views/SearchRedesign/FilterPanel.tsx","components/PackageList/PackageList.tsx","components/PackageList/WideCardList.tsx","views/SearchRedesign/ArrowButton.tsx","views/SearchRedesign/GoToPage.tsx","views/SearchRedesign/PageControls.tsx","views/SearchRedesign/SearchDetails.tsx","views/SearchRedesign/SortFilter.tsx","views/SearchRedesign/SortAndFilterDrawer.tsx","views/SearchRedesign/SortedBy.tsx","views/SearchRedesign/SearchResults.tsx","views/SearchRedesign/SearchRedesign.tsx"],"names":["pageInfo","contribute","event","name","home","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","join","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","highlightsFrom","packageTags","length","reduce","accum","tag","highlight","tagObjectsFrom","keywords","tagObjects","Array","tagLabels","Set","filter","Boolean","keyword","label","map","id","mapPackageTags","KEYWORD_IGNORE_LIST","has","mapPackageKeywords","toLowerCase","push","add","useQueryParams","useLocation","useMemo","URLSearchParams","useConfigValue","key","data","useConfig","defaultLang","Language","TypeScript","LOCAL_KEY","isValidLang","lang","TEMP_SUPPORTED_LANGUAGES","getInitialLang","langFromParams","storedLang","localStorage","getItem","useLanguage","options","updateUrl","updateSaved","pathname","hash","useHistory","replace","params","get","QUERY_PARAMS","LANGUAGE","useState","language","setLanguage","set","toString","update","useCallback","val","setItem","PackageCardType","testIds","createTestIds","Detail","dataTestid","tooltip","value","hasArrow","isDisabled","placement","fontSize","zIndex","Details","usePackageCard","author","date","metadata","useStats","downloads","packages","npm","authorName","publishDate","Date","undefined","toLocaleString","published","Time","formattedDate","formatDistanceToNowStrict","addSuffix","NavLink","color","to","getSearchPath","query","EditorsNote","comment","lineHeight","noOfLines","as","fontWeight","Heading","currentLanguage","constructFramework","version","cdkType","cdkVersion","majorVersion","Link","getPackagePath","align","CDKType","mr","wordBreak","Highlight","sizes","sm","md","lg","PackageLanguages","isRounded","languages","packageName","size","targets","Object","keys","entries","LANGUAGE_RENDER_MAP","sort","left","right","LANGUAGES","indexOf","info","isSupportedByLibrary","includes","isSupportedByConstructHub","Icon","icon","borderRadius","h","opacity","w","LanguageSupportTooltip","Languages","pkg","Tags","tags","slice","PackageTag","variant","WideCard","_hover","bg","border","boxShadow","wideContainer","minH","templateColumns","base","direction","justify","p","sx","gap","spacing","wrap","borderLeft","borderTop","PackageCardContext","createContext","useContext","PackageCard","Wide","Provider","forwardRef","ref","formatString","format","boxProps","dateTime","toISOString","displayName","alt","src","tagProps","textDecoration","isSupported","langName","LANGUAGE_NAME_MAP","message","FilterHeading","hint","useBreakpointValue","mb","colorScheme","strategy","ml","mx","shadow","RadioFilter","checkedValue","onValueChange","onChange","display","filterItem","isTruncated","SORT_RENDER_MAP","CatalogSearchSort","NameAsc","NameDesc","PublishDateAsc","PublishDateDesc","DownloadsDesc","DownloadsAsc","toNum","result","parseInt","parseQueryArray","queryString","decodeURIComponent","split","SearchStateContext","useSearchState","state","Error","SearchStateProvider","queryParams","offset","OFFSET","SEARCH_QUERY","tagQuery","TAGS","keywordQuery","KEYWORDS","SORT","CDK_TYPE","cdkMajorParam","CDK_MAJOR","cdkMajor","searchAPI","useCatalogSearch","defaultCdkMajor","defaultCdkType","defaultKeywords","defaultLanguages","defaultQuery","defaultSort","defaultTags","setQuery","some","k","setKeywords","t","setTags","limit","CDKFilter","setCdkType","setCdkMajor","useSearchContext","cdkOptions","cdkTypes","constructFrameworks","opts","pkgCount","CDKTYPE_NAME_MAP","majorsOptions","majorVersions","a","b","cdkTypeFilter","type","cdk","values","cdkVersionFilter","major","majorNum","CheckboxItem","disabledHint","isChecked","CheckboxFilter","initialItemCount","checkedValues","collapse","useDisclosure","getOnChange","alwaysShow","showWhenExpanded","isExpandible","mt","item","animateOpacity","in","isOpen","unmountOnExit","leftIcon","onClick","onToggle","textAlign","KeywordsFilter","keywordMap","keywordOptions","baseOptions","keywordsNotInOptions","opt","languagesFilter","languageOptions","l1","l2","LanguageFilter","setLanguages","l","TagFilter","tagFilterGroups","searchFilter","groupName","groupBy","onTagsChange","tagItems","TOP_OFFSET","FilterPanel","Card","filtersPanel","maxH","maxW","minW","overflow","pos","top","listViews","items","PackageList","memo","cardView","loading","View","ArrowButton","getPageUrl","props","borderColor","disabled","GoToPage","pageLimit","inputValue","setInputValue","onSubmit","e","preventDefault","max","min","target","PageControls","nextOffset","prevOffset","prevPage","ChevronLeftIcon","goToPage","nextPage","ChevronRightIcon","Em","Count","first","count","last","SearchDetails","filtered","hasResults","searchDetails","SortFilter","setSort","newSort","SortAndFilterDrawer","drawer","onOpen","rightIcon","borderBottom","pb","SortedBy","selected","Button","sortButton","pl","pr","py","sortDropdown","sortItem","SearchResults","isFirstRender","useRef","onSearch","useCatalogResults","results","getUrl","q","current","window","scrollTo","px","SearchBar","onQueryChange","SearchRedesign","templateRows"],"mappings":"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","file":"static/js/8.924ac8b3.chunk.js","sourcesContent":["export const pageInfo = {\n  contribute: {\n    event: {\n      name: \"Contribute Load\",\n    },\n  },\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\n// Should be the same as the \"real\" CSP, except most things come from HTTP\n// instead of HTTPS (because it is protocol-relative, and the dev site is\n// served over plain HTTP).\nconst csp = [\n  \"default-src 'self' 'unsafe-inline' http://*.awsstatic.com;\",\n  \"connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"frame-src http://aws.demdex.net http://dpm.demdex.net;\",\n  \"img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"object-src 'none';\",\n  \"style-src 'self' 'unsafe-inline';\",\n].join(\" \");\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta content={csp} httpEquiv=\"Content-Security-Policy\" />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { PackageHighlight, PackageTagConfig } from \"../api/config\";\nimport { KEYWORD_IGNORE_LIST } from \"../constants/keywords\";\n\nexport interface TagObject extends PackageTagConfig {}\n\n/**\n * Reduces package tags to only return highlight tags\n */\nexport const highlightsFrom = (packageTags?: PackageTagConfig[]) => {\n  if (!packageTags || packageTags.length < 1) return [];\n\n  return packageTags.reduce(\n    (accum: PackageHighlight[], tag: PackageTagConfig): PackageHighlight[] => {\n      if (tag.highlight) {\n        return [...accum, tag.highlight];\n      }\n\n      return accum;\n    },\n    []\n  );\n};\n\n/**\n * Maps packageTags to an array of TagObjects, which can be rendered by the PackageTags Component\n */\nexport const mapPackageTags = (\n  packageTags?: PackageTagConfig[]\n): TagObject[] => {\n  return (packageTags ?? [])\n    .filter((tag) => {\n      return Boolean(tag.keyword?.label);\n    })\n    .map((tag) => ({\n      ...tag,\n      id: tag.keyword?.label!,\n    }));\n};\n\n/**\n * Maps keywords to an array of TagObjects, which can be rendered by the PackageTags component\n */\nexport const mapPackageKeywords = (keywords?: string[]): TagObject[] => {\n  if (!keywords || keywords.length < 1) return [];\n\n  return keywords\n    .filter((label) => Boolean(label) && !KEYWORD_IGNORE_LIST.has(label))\n    .map((label) => ({\n      id: label,\n      keyword: {\n        label,\n      },\n    }));\n};\n\n/**\n * Maps packageTags and keywords to a list of TagObjects, using mapPackageTags and mapPackageKeywords\n */\nexport const tagObjectsFrom = ({\n  packageTags,\n  keywords,\n}: {\n  packageTags?: PackageTagConfig[];\n  keywords?: string[];\n}): TagObject[] => {\n  const tagObjects = new Array<TagObject>();\n  const tagLabels = new Set<string>();\n\n  for (const tag of [\n    ...mapPackageTags(packageTags),\n    ...mapPackageKeywords(keywords),\n  ]) {\n    const label = tag.keyword!.label.toLowerCase();\n    if (!tagLabels.has(label)) {\n      tagObjects.push(tag);\n      tagLabels.add(label);\n    }\n  }\n\n  return tagObjects;\n};\n","import { useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport const useQueryParams = () => {\n  const { search } = useLocation();\n\n  return useMemo(() => new URLSearchParams(search), [search]);\n};\n","import type { Config } from \"../../api/config\";\nimport { useConfig } from \"../../contexts/Config\";\n\nexport const useConfigValue = <T extends keyof Config>(key: T) => {\n  const { data } = useConfig();\n  return (data ?? {})[key];\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocation, useHistory } from \"react-router-dom\";\nimport { Language, TEMP_SUPPORTED_LANGUAGES } from \"../../constants/languages\";\nimport { QUERY_PARAMS } from \"../../constants/url\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\n\n// Only supported language atm\nconst defaultLang = Language.TypeScript;\n\nconst LOCAL_KEY = \"preferred-language\";\n\nconst isValidLang = (lang?: string | Language): lang is Language =>\n  lang != null && TEMP_SUPPORTED_LANGUAGES.has(lang as Language);\n\nconst getInitialLang = (langFromParams: string | Language): Language => {\n  // First, use language from query params in url\n  if (isValidLang(langFromParams)) {\n    return langFromParams;\n  }\n\n  // Next check for one stored in localStorage\n  try {\n    const storedLang = (localStorage.getItem(LOCAL_KEY) ?? \"\") as Language;\n    if (isValidLang(storedLang)) return storedLang;\n  } catch {\n    // Do nothing, we just don't want to crash if localStorage access is blocked.\n  }\n\n  // Otherwise fallback to a default\n  return defaultLang;\n};\n\nexport interface UseLanguageOptions {\n  /**\n   * Syncs the preferred language to a query param in URL\n   */\n  updateUrl?: boolean;\n  /**\n   * Saves the selected language to localStorage on select\n   */\n  updateSaved?: boolean;\n}\n\nexport const useLanguage = (options: UseLanguageOptions = {}) => {\n  const { updateUrl, updateSaved } = options;\n  const { pathname, hash } = useLocation();\n  const { replace } = useHistory();\n  const params = useQueryParams();\n  const langFromParams = params.get(QUERY_PARAMS.LANGUAGE) as Language;\n\n  // Passed as function to guarantee it runs on hook mount\n  const [language, setLanguage] = useState<Language>(() =>\n    getInitialLang(langFromParams)\n  );\n\n  // State subscribes to query param changes\n  useEffect(() => {\n    if (isValidLang(langFromParams) && langFromParams !== language) {\n      setLanguage(langFromParams);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [langFromParams]);\n\n  // Syncs language changes to URL if updateUrl = true\n  useEffect(() => {\n    if (langFromParams !== language && updateUrl) {\n      params.set(QUERY_PARAMS.LANGUAGE, language);\n      replace({ pathname, hash, search: params.toString() });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [language, updateUrl]);\n\n  const update = useCallback(\n    (val: Language) => {\n      setLanguage(val);\n\n      if (updateSaved) {\n        try {\n          localStorage.setItem(LOCAL_KEY, val);\n        } catch {\n          // OK to fail silently\n        }\n      }\n    },\n    [updateSaved]\n  );\n\n  return useMemo(() => [language, update] as const, [language, update]);\n};\n","export enum PackageCardType {\n  Wide = \"wide\",\n}\n","import { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"packageCard\", [\n  \"author\",\n  \"description\",\n  \"downloads\",\n  \"languages\",\n  \"published\",\n  \"title\",\n  \"version\",\n  \"comment\",\n  \"wideContainer\",\n] as const);\n\nexport default testIds;\n","import { Text, Tooltip } from \"@chakra-ui/react\";\nimport { formatDistanceToNowStrict } from \"date-fns\";\nimport { FunctionComponent, ReactChild } from \"react\";\nimport { useStats } from \"../../contexts/Stats\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\nimport { Time } from \"../Time\";\nimport { usePackageCard } from \"./PackageCard\";\nimport testIds from \"./testIds\";\n\ninterface DetailProps {\n  \"data-testid\": string;\n\n  tooltip?: string;\n  value: ReactChild;\n}\n\nconst Detail: FunctionComponent<DetailProps> = ({\n  \"data-testid\": dataTestid,\n  tooltip,\n  value,\n}) => (\n  <Tooltip hasArrow isDisabled={!tooltip} label={tooltip} placement=\"left\">\n    {/* zIndex required to allow tooltip to display due to card link overlay */}\n    <Text data-testid={dataTestid} fontSize=\"xs\" zIndex={1}>\n      {value}\n    </Text>\n  </Tooltip>\n);\n\nexport const Details: FunctionComponent = () => {\n  const {\n    author,\n    metadata: { date },\n    name,\n  } = usePackageCard();\n\n  const { data } = useStats();\n  const downloads: number | undefined = data?.packages?.[name]?.downloads?.npm;\n\n  const authorName = typeof author === \"string\" ? author : author.name;\n  const publishDate = new Date(date);\n\n  return (\n    <>\n      {downloads !== undefined && (\n        <Detail\n          data-testid={testIds.downloads}\n          tooltip=\"Download numbers are periodically sourced from the npm registry\"\n          value={`${downloads.toLocaleString()} weekly downloads`}\n        />\n      )}\n      <Detail\n        data-testid={testIds.published}\n        value={\n          <Time\n            date={publishDate}\n            fontSize=\"xs\"\n            formattedDate={formatDistanceToNowStrict(publishDate, {\n              addSuffix: true,\n            })}\n          />\n        }\n      />\n      <Detail\n        data-testid={testIds.author}\n        value={\n          <>\n            By{\" \"}\n            <NavLink\n              color=\"blue.500\"\n              to={getSearchPath({\n                query: authorName,\n              })}\n            >\n              {authorName}\n            </NavLink>\n          </>\n        }\n      />\n    </>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport testIds from \"./testIds\";\n\nexport const EditorsNote: FunctionComponent<{ comment?: string }> = ({\n  comment,\n}) => {\n  return (\n    <Text\n      data-testid={testIds.comment}\n      fontSize=\"md\"\n      lineHeight=\"tall\"\n      noOfLines={4}\n    >\n      <Text as=\"span\" color=\"blue.500\" fontWeight=\"bold\">\n        Editor&apos;s note:{\" \"}\n      </Text>\n      {comment}\n    </Text>\n  );\n};\n","import {\n  Flex,\n  Heading as ChakraHeading,\n  LinkOverlay,\n  Text,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLanguage\";\nimport { getPackagePath } from \"../../util/url\";\nimport { CDKTypeBadge } from \"../CDKType\";\nimport { EditorsNote } from \"./EditorsNote\";\nimport { usePackageCard } from \"./PackageCard\";\nimport testIds from \"./testIds\";\n\nexport const Heading: FunctionComponent = () => {\n  const [currentLanguage] = useLanguage();\n  const {\n    description,\n    comment,\n    metadata: { constructFramework },\n    name,\n    version,\n  } = usePackageCard();\n\n  const cdkType = constructFramework?.name;\n  const cdkVersion = constructFramework?.majorVersion;\n\n  return (\n    <>\n      <LinkOverlay\n        as={Link}\n        to={getPackagePath({\n          name,\n          version,\n          language: currentLanguage,\n        })}\n      >\n        <Flex align=\"center\">\n          <CDKTypeBadge majorVersion={cdkVersion} mr={2} name={cdkType} />\n          <ChakraHeading\n            as=\"h3\"\n            color=\"blue.800\"\n            data-testid={testIds.title}\n            fontSize=\"md\"\n            fontWeight=\"bold\"\n            wordBreak=\"normal\"\n          >\n            {name}\n          </ChakraHeading>\n        </Flex>\n      </LinkOverlay>\n      {comment ? (\n        <EditorsNote comment={comment} />\n      ) : (\n        <Text\n          color=\"blue.800\"\n          data-testid={testIds.description}\n          fontSize=\"md\"\n          lineHeight=\"tall\"\n          noOfLines={4}\n        >\n          {description || \"No description available.\"}\n        </Text>\n      )}\n    </>\n  );\n};\n","import { Box } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { highlightsFrom } from \"../../util/package\";\nimport { Highlight as HighlightComponent } from \"../Highlight\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Highlight: FunctionComponent = () => {\n  const { packageTags = [] } = usePackageCard()?.metadata ?? {};\n  const [highlight] = highlightsFrom(packageTags);\n\n  if (!highlight) return null;\n\n  return (\n    <Box fontSize=\"xs\">\n      <HighlightComponent {...highlight} />\n    </Box>\n  );\n};\n","import type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport {\n  Language,\n  LANGUAGES,\n  LANGUAGE_RENDER_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\nimport { getPackagePath } from \"../../util/url\";\nimport { LanguageSupportTooltip } from \"../LanguageSupportTooltip\";\n\nconst sizes = {\n  sm: 5,\n  md: 6,\n  lg: 8,\n};\n\nexport interface PackageLanguagesProps {\n  isRounded?: boolean;\n  languages?: Partial<Record<Language, unknown>>;\n  name: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  version: string;\n}\n\nexport const PackageLanguages: FunctionComponent<PackageLanguagesProps> = ({\n  isRounded = false,\n  languages,\n  name: packageName,\n  size = \"md\",\n  version,\n}) => {\n  const targets = Object.keys(languages ?? {}) as Language[];\n  return (\n    <>\n      {Object.entries(LANGUAGE_RENDER_MAP)\n        // Ensure entries are always sorted in a stable way\n        .sort(\n          ([left], [right]) =>\n            LANGUAGES.indexOf(left as Language) -\n            LANGUAGES.indexOf(right as Language)\n        )\n        .map(([lang, info]) => {\n          const language = lang as Language;\n\n          const isSupportedByLibrary =\n            language === Language.TypeScript || targets.includes(language);\n\n          const isSupportedByConstructHub =\n            language === Language.TypeScript || // TypeScript is always supported\n            // Otherwise, the language must be supported by ConstructHub\n            TEMP_SUPPORTED_LANGUAGES.has(language);\n\n          if (!isSupportedByLibrary) return null;\n\n          const { name, icon: Icon } = info;\n\n          const icon = (\n            <Icon\n              aria-label={`Supports ${name}`}\n              borderRadius={isRounded ? \"50%\" : 0}\n              h={sizes[size]}\n              opacity={isSupportedByConstructHub ? 1 : 0.2}\n              w={sizes[size]}\n            />\n          );\n\n          return (\n            <LanguageSupportTooltip key={language} language={language}>\n              {isSupportedByConstructHub ? (\n                <Link\n                  aria-label={`View package docs for ${language}`}\n                  to={getPackagePath({ name: packageName, version, language })}\n                >\n                  {icon}\n                </Link>\n              ) : (\n                icon\n              )}\n            </LanguageSupportTooltip>\n          );\n        })}\n    </>\n  );\n};\n","import type { FunctionComponent } from \"react\";\nimport { PackageLanguages } from \"../PackageLanguages\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Languages: FunctionComponent = () => {\n  const pkg = usePackageCard();\n  return <PackageLanguages {...pkg} size=\"sm\" />;\n};\n","import { FunctionComponent } from \"react\";\nimport { tagObjectsFrom } from \"../../util/package\";\nimport { PackageTag } from \"../PackageTag\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Tags: FunctionComponent = () => {\n  const {\n    keywords = [],\n    metadata: { packageTags = [] },\n  } = usePackageCard();\n\n  const tags = tagObjectsFrom({\n    packageTags,\n    keywords,\n  });\n\n  return (\n    <>\n      {tags.slice(0, 10).map(({ id, keyword: { label, color } = {} }) => (\n        <PackageTag key={id} value={id} variant={color}>\n          {label}\n        </PackageTag>\n      ))}\n    </>\n  );\n};\n","import { Flex, Grid, LinkBox, Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Details } from \"./Details\";\nimport { Heading } from \"./Heading\";\nimport { Highlight } from \"./Highlight\";\nimport { Languages } from \"./Languages\";\nimport { Tags } from \"./Tags\";\nimport testIds from \"./testIds\";\n\nexport const WideCard: FunctionComponent = () => {\n  return (\n    <LinkBox\n      _hover={{\n        \"> article\": {\n          bg: \"gray.50\",\n        },\n      }}\n    >\n      <Grid\n        as=\"article\"\n        bg=\"white\"\n        border=\"base\"\n        borderRadius=\"sm\"\n        boxShadow=\"base\"\n        color=\"blue.800\"\n        data-testid={testIds.wideContainer}\n        h=\"full\"\n        minH=\"12.5rem\"\n        templateColumns={{ base: \"1fr\", lg: \"1fr 14rem\" }}\n        w=\"full\"\n      >\n        {/* Top / Left side of card */}\n        <Flex\n          direction=\"column\"\n          justify=\"space-between\"\n          p={5}\n          sx={{ gap: \"0.5rem\" }}\n        >\n          <Stack spacing={3}>\n            <Heading />\n          </Stack>\n\n          <Flex align=\"center\" sx={{ gap: \"0.5rem\" }} wrap=\"wrap\">\n            <Tags />\n          </Flex>\n        </Flex>\n\n        {/* Bottom / Right side of card */}\n        <Flex\n          align={{ base: \"end\", lg: \"initial\" }}\n          borderLeft={{ lg: \"base\" }}\n          borderTop={{ base: \"base\", lg: \"none\" }}\n          direction={{ base: \"row\", lg: \"column\" }}\n          justify=\"space-between\"\n          p={5}\n          sx={{ gap: \"0.5rem\" }}\n        >\n          <Stack spacing={1}>\n            <Highlight />\n            <Stack spacing={1}>\n              <Details />\n            </Stack>\n          </Stack>\n\n          <Stack data-testid={testIds.languages} direction=\"row\" spacing={2}>\n            <Languages />\n          </Stack>\n        </Flex>\n      </Grid>\n    </LinkBox>\n  );\n};\n","import { createContext, FunctionComponent, useContext } from \"react\";\nimport { CatalogPackage } from \"../../api/package/packages\";\nimport { PackageCardType } from \"./constants\";\nimport { WideCard } from \"./WideCard\";\n\nexport interface PackageCardProps {\n  pkg: CatalogPackage;\n  variant?: PackageCardType;\n}\n\nconst PackageCardContext = createContext<\n  (CatalogPackage & { comment?: string }) | null\n>(null);\n\nexport const usePackageCard = () => useContext(PackageCardContext)!;\n\nexport const PackageCard: FunctionComponent<PackageCardProps> = ({\n  pkg,\n  variant = PackageCardType.Wide,\n}) => {\n  return (\n    <PackageCardContext.Provider value={pkg}>\n      {variant === PackageCardType.Wide && <WideCard />}\n    </PackageCardContext.Provider>\n  );\n};\n","import { Box, BoxProps, forwardRef } from \"@chakra-ui/react\";\nimport { format } from \"date-fns\";\n\nexport type TimeOptions = {\n  date: Date;\n  format?: string;\n  formattedDate?: string;\n};\n\nexport interface TimeProps extends BoxProps, TimeOptions {}\n\nexport const Time = forwardRef<TimeProps, \"time\">(\n  ({ date, format: formatString, formattedDate, ...boxProps }, ref) => {\n    return (\n      <Box as=\"time\" dateTime={date.toISOString()} ref={ref} {...boxProps}>\n        {formattedDate ?? format(date, formatString ?? \"\")}\n      </Box>\n    );\n  }\n);\n\nTime.displayName = \"Time\";\n","import { Stack, Image, Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\ninterface HighlightProps {\n  label: string;\n  color?: string;\n  icon?: string;\n}\n\nexport const Highlight: FunctionComponent<HighlightProps> = ({\n  label,\n  color,\n  icon,\n}: HighlightProps) => {\n  return (\n    <Stack align=\"center\" direction=\"row\" spacing={2}>\n      <Image alt={`${label} icon`} src={icon} w={4} />\n      <Text color={color} fontWeight=\"bold\">\n        {label}\n      </Text>\n    </Stack>\n  );\n};\n","import { Tag, TagLabel, TagProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface PackageTagProps extends TagProps {\n  value: string;\n  label?: string;\n  zIndex?: string | number;\n}\n\nexport const PackageTag: FunctionComponent<PackageTagProps> = ({\n  children,\n  value,\n  label = value,\n  zIndex,\n  ...tagProps\n}) => {\n  return (\n    <NavLink\n      aria-label={`Tag: ${label}`}\n      to={getSearchPath({ keywords: [value] })}\n      zIndex={zIndex}\n    >\n      <Tag\n        _hover={{\n          textDecoration: \"underline\",\n        }}\n        {...tagProps}\n      >\n        <TagLabel>{children}</TagLabel>\n      </Tag>\n    </NavLink>\n  );\n};\n","import { Tooltip } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\n\nexport interface LanguageSupportTooltipProps {\n  language: Language;\n}\n\nexport const LanguageSupportTooltip: FunctionComponent<\n  LanguageSupportTooltipProps\n> = ({ children, language }) => {\n  const isSupported = TEMP_SUPPORTED_LANGUAGES.has(language);\n  const langName = LANGUAGE_NAME_MAP[language];\n\n  const message = isSupported\n    ? `Click to view documentation in ${langName}`\n    : `Documentation support for ${langName} is coming soon!`;\n\n  return (\n    <Tooltip hasArrow label={message} placement=\"top-start\">\n      <span>{children}</span>\n    </Tooltip>\n  );\n};\n","import { QuestionIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Heading,\n  Text,\n  Popover,\n  PopoverTrigger,\n  PopoverBody,\n  PopoverArrow,\n  PopoverContent,\n  useBreakpointValue,\n  PlacementWithLogical,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\n\nexport interface FilterHeadingProps {\n  name: string;\n  hint?: string;\n}\n\nexport const FilterHeading: FunctionComponent<FilterHeadingProps> = ({\n  name,\n  hint,\n}) => {\n  const placement = useBreakpointValue<PlacementWithLogical>({\n    base: \"auto\",\n    md: \"right\",\n  });\n\n  return (\n    <Flex align=\"center\" mb={1}>\n      <Heading as=\"h4\" size=\"sm\" w=\"max-content\">\n        {name}\n      </Heading>\n      {hint ? (\n        <Popover colorScheme=\"dark\" placement={placement} strategy=\"fixed\">\n          <PopoverTrigger>\n            <Flex aria-label={`Hint: ${name}`} as=\"button\" ml={2}>\n              <QuestionIcon h={3.5} w={3.5} />\n            </Flex>\n          </PopoverTrigger>\n          <PopoverContent\n            bg=\"gray.700\"\n            borderRadius=\"base\"\n            color=\"white\"\n            fontSize=\"sm\"\n            mx={{ base: \"1rem\", md: \"initial\" }}\n            shadow=\"whiteAlpha.300\"\n          >\n            <PopoverArrow bg=\"gray.700\" />\n            <PopoverBody>\n              <Text>{hint}</Text>\n            </PopoverBody>\n          </PopoverContent>\n        </Popover>\n      ) : null}\n    </Flex>\n  );\n};\n","import { createTestIds } from \"../../util/createTestIds\";\n\nexport default createTestIds(\"searchRedesign\", [\n  \"page\",\n  // Results\n  \"searchDetails\",\n  \"nextPage\",\n  \"prevPage\",\n  \"goToPage\",\n  // Sorting\n  \"sortButton\",\n  \"sortDropdown\",\n  \"sortItem\",\n  // Filters Panel\n  \"filtersPanel\",\n  \"cdkTypeFilter\",\n  \"cdkVersionFilter\",\n  \"filterItem\",\n  \"languagesFilter\",\n] as const);\n","import { Radio, RadioGroup, Stack, Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { FilterHeading, FilterHeadingProps } from \"./FilterHeading\";\nimport testIds from \"./testIds\";\n\nexport interface RadioFilterProps extends FilterHeadingProps {\n  \"data-testid\"?: string;\n  value?: string;\n  onValueChange: (value: string) => void;\n  options: {\n    display: string;\n    value: string;\n  }[];\n}\n\nexport const RadioFilter: FunctionComponent<RadioFilterProps> = ({\n  \"data-testid\": dataTestid,\n  value: checkedValue,\n  onValueChange,\n  options,\n  name,\n  hint,\n}) => {\n  return (\n    <Stack data-testid={dataTestid} spacing={1}>\n      <FilterHeading hint={hint} name={name} />\n      <RadioGroup onChange={onValueChange} value={checkedValue}>\n        <Stack spacing={1}>\n          {options.map(({ display, value }) => (\n            <Radio key={value} value={value}>\n              <Text\n                color=\"gray.600\"\n                data-testid={testIds.filterItem}\n                data-value={value}\n                isTruncated\n              >\n                {display}\n              </Text>\n            </Radio>\n          ))}\n        </Stack>\n      </RadioGroup>\n    </Stack>\n  );\n};\n","import { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport type { QueryParamKey } from \"../../constants/url\";\n\nconst LIMITS = [25, 50, 75, 100];\nexport const LIMIT = LIMITS[0];\n\nexport type SearchQueryParam = Extract<QueryParamKey, \"offset\" | \"q\">;\n\nexport const SORT_RENDER_MAP = {\n  [CatalogSearchSort.NameAsc]: \"A-Z\",\n  [CatalogSearchSort.NameDesc]: \"Z-A\",\n  [CatalogSearchSort.PublishDateAsc]: \"Oldest first\",\n  [CatalogSearchSort.PublishDateDesc]: \"Newest first\",\n  [CatalogSearchSort.DownloadsDesc]: \"Most downloads\",\n  [CatalogSearchSort.DownloadsAsc]: \"Least downloads\",\n};\n","export const toNum = (val: string) => {\n  const result = parseInt(val);\n\n  if (`${result}` === \"NaN\") {\n    return 0;\n  }\n\n  return result;\n};\n\nexport const parseQueryArray = <T extends string>(\n  queryString: string | null\n) => {\n  if (!queryString) return [];\n\n  return decodeURIComponent(queryString).split(\",\") as T[];\n};\n","/**\n * @fileoverview Exposes page-level state and setters to all components in the new SearchResults View.\n */\nimport {\n  createContext,\n  FunctionComponent,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { CDKType } from \"../../constants/constructs\";\nimport { Language } from \"../../constants/languages\";\nimport { QUERY_PARAMS } from \"../../constants/url\";\nimport {\n  UseCatalogSearchReturn,\n  useCatalogSearch,\n} from \"../../hooks/useCatalogSearch\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\nimport { LIMIT } from \"../SearchRedesign/constants\";\nimport { parseQueryArray, toNum } from \"./util\";\n\nexport interface SearchState {\n  limit: number;\n  offset: number;\n  query: string;\n  searchAPI: UseCatalogSearchReturn;\n}\n\nconst SearchStateContext = createContext<SearchState | undefined>(undefined);\n\n/**\n * A hook to access Search Page specific state. This can only be in descendants of the new Search Page\n * and will otherwise throw an error.\n */\nexport const useSearchState = () => {\n  const state = useContext(SearchStateContext);\n\n  if (!state) {\n    throw new Error(\n      `This hook must be called in a child of <SearchStateProvider />`\n    );\n  }\n\n  return state;\n};\n\nexport const SearchStateProvider: FunctionComponent = ({ children }) => {\n  const queryParams = useQueryParams();\n\n  const offset = toNum(queryParams.get(QUERY_PARAMS.OFFSET) ?? \"0\");\n\n  const query = decodeURIComponent(\n    queryParams.get(QUERY_PARAMS.SEARCH_QUERY) ?? \"\"\n  );\n\n  const languages: Language[] = parseQueryArray(\n    queryParams.get(QUERY_PARAMS.LANGUAGES)\n  );\n  const tagQuery = queryParams.get(QUERY_PARAMS.TAGS);\n  const tags = useMemo(() => parseQueryArray(tagQuery), [tagQuery]);\n\n  const keywordQuery = queryParams.get(QUERY_PARAMS.KEYWORDS);\n  const keywords = useMemo(() => parseQueryArray(keywordQuery), [keywordQuery]);\n\n  const sort = (queryParams.get(QUERY_PARAMS.SORT) ?? undefined) as\n    | CatalogSearchSort\n    | undefined;\n\n  const cdkType =\n    (queryParams.get(QUERY_PARAMS.CDK_TYPE) as CDKType) ?? undefined;\n\n  const cdkMajorParam = queryParams.get(QUERY_PARAMS.CDK_MAJOR);\n  const cdkMajor = cdkMajorParam ? toNum(cdkMajorParam) : undefined;\n\n  const searchAPI = useCatalogSearch({\n    defaultCdkMajor: cdkMajor,\n    defaultCdkType: cdkType,\n    defaultKeywords: keywords,\n    defaultLanguages: languages,\n    defaultQuery: query,\n    defaultSort: sort,\n    defaultTags: tags,\n  });\n\n  useEffect(() => {\n    if (query !== searchAPI.query) {\n      searchAPI.setQuery(query);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  useEffect(() => {\n    if (keywords.some((k) => !searchAPI.keywords.includes(k))) {\n      searchAPI.setKeywords(keywords);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [keywords]);\n\n  useEffect(() => {\n    if (tags.some((t) => !searchAPI.tags.includes(t))) {\n      searchAPI.setTags(tags);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags]);\n\n  return (\n    <SearchStateContext.Provider\n      value={{\n        limit: LIMIT,\n        offset,\n        query,\n        searchAPI,\n      }}\n    >\n      {children}\n    </SearchStateContext.Provider>\n  );\n};\n","import { FunctionComponent, useMemo } from \"react\";\nimport { CatalogConstructFrameworkMeta } from \"../../api/catalog-search\";\nimport { CDKType, CDKTYPE_NAME_MAP } from \"../../constants/constructs\";\nimport { useSearchContext } from \"../../contexts/Search\";\nimport { RadioFilter } from \"./RadioFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\ntype CDKOptions = Partial<{\n  [key in CDKType]: CatalogConstructFrameworkMeta & {\n    display: string;\n    value: key;\n  };\n}>;\n\nexport const CDKFilter: FunctionComponent = () => {\n  const { cdkType, setCdkType, cdkMajor, setCdkMajor } =\n    useSearchState().searchAPI;\n  const searchAPI = useSearchContext()!;\n\n  // Options with less than one package will be omitted\n  const cdkOptions = useMemo(() => {\n    const cdkTypes = searchAPI.constructFrameworks;\n    const options = Object.entries(cdkTypes).reduce((opts, [name, meta]) => {\n      if (meta.pkgCount < 1) {\n        return opts;\n      }\n\n      return {\n        ...opts,\n        [name]: {\n          display: CDKTYPE_NAME_MAP[name as CDKType],\n          value: name,\n          ...meta,\n        },\n      };\n    }, {});\n\n    return Object.keys(options).length ? (options as CDKOptions) : undefined;\n  }, [searchAPI]);\n\n  const majorsOptions = useMemo(() => {\n    if (!cdkOptions || !cdkType) return undefined;\n    const majorVersions = cdkOptions[cdkType]?.majorVersions;\n\n    if (!majorVersions) return undefined;\n\n    return [...majorVersions]\n      .sort((a, b) => a - b)\n      .map((value) => ({\n        value: value.toString(),\n        display: `${CDKTYPE_NAME_MAP[cdkType]} v${value}`,\n      }));\n  }, [cdkOptions, cdkType]);\n\n  if (!cdkOptions) {\n    return null;\n  }\n\n  const onCdkTypeChange = (type: string) => {\n    const cdk = type as CDKType;\n    setCdkMajor(undefined);\n    setCdkType(type ? cdk : undefined);\n  };\n\n  const onCdkMajorChange = (major: string) => {\n    if (!major) {\n      setCdkMajor(undefined);\n      return;\n    }\n\n    const majorNum = parseInt(major, 10);\n\n    setCdkMajor(majorNum);\n  };\n\n  return (\n    <>\n      <RadioFilter\n        data-testid={testIds.cdkTypeFilter}\n        hint=\"Choose the right CDK for your IaC technology: AWS CDK for AWS CloudFormation, CDKtf for Terraform, or CDK8s for Kubernetes.\"\n        name=\"CDK Type\"\n        onValueChange={onCdkTypeChange}\n        options={[\n          { display: \"Any CDK Type\", value: \"\" },\n          ...Object.values(cdkOptions),\n        ]}\n        value={cdkType ?? \"\"}\n      />\n      {/* No point in showing major versions if only a single one is available */}\n      {!!(majorsOptions && majorsOptions.length > 1) && (\n        <RadioFilter\n          data-testid={testIds.cdkVersionFilter}\n          hint=\"Choose the major version of the CDK you're using to see only constructs that will work with that version.\"\n          name=\"CDK Major Version\"\n          onValueChange={onCdkMajorChange}\n          options={[\n            { display: \"Any Major Version\", value: \"\" },\n            ...majorsOptions,\n          ]}\n          value={cdkMajor?.toString() ?? \"\"}\n        />\n      )}\n    </>\n  );\n};\n","import { ChevronDownIcon, ChevronUpIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Button,\n  Collapse,\n  Checkbox,\n  Stack,\n  Text,\n  Tooltip,\n  useDisclosure,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { FilterHeading, FilterHeadingProps } from \"./FilterHeading\";\nimport testIds from \"./testIds\";\n\ninterface CheckboxOption {\n  display: string;\n  value: string;\n  isDisabled?: boolean;\n  disabledHint?: string;\n}\n\ninterface CheckboxItemProps extends CheckboxOption {\n  onChange: () => void;\n  isChecked: boolean;\n}\n\nexport interface CheckboxFilterProps extends FilterHeadingProps {\n  /**\n   * Test ID to select checkbox in tests\n   */\n  \"data-testid\"?: string;\n  /**\n   * Number of items that can be initially shown\n   */\n  initialItemCount?: number;\n  /**\n   * Defines checkbox items\n   */\n  options: CheckboxOption[];\n  /**\n   * Selected values\n   */\n  values: string[];\n  /**\n   * Callback triggered when an item is clicked\n   */\n  onValueChange: (value: string) => void;\n}\n\nconst CheckboxItem: FunctionComponent<CheckboxItemProps> = ({\n  display,\n  value,\n  isDisabled,\n  disabledHint,\n  isChecked,\n  onChange,\n}) => (\n  <Checkbox\n    isChecked={isChecked}\n    isDisabled={isDisabled}\n    key={value}\n    onChange={onChange}\n  >\n    <Tooltip\n      hasArrow\n      isDisabled={!isDisabled && !disabledHint}\n      label={disabledHint}\n      placement=\"right\"\n    >\n      <Text\n        color=\"gray.600\"\n        data-testid={testIds.filterItem}\n        data-value={value}\n        isTruncated\n      >\n        {display}\n      </Text>\n    </Tooltip>\n  </Checkbox>\n);\n\nexport const CheckboxFilter: FunctionComponent<CheckboxFilterProps> = ({\n  \"data-testid\": dataTestid,\n  initialItemCount,\n  hint,\n  name,\n  options,\n  values: checkedValues,\n  onValueChange,\n}) => {\n  const collapse = useDisclosure();\n\n  const getOnChange = (value: string) => () => {\n    onValueChange(value);\n  };\n\n  let alwaysShow: typeof options = options;\n  let showWhenExpanded: typeof options = [];\n\n  if (initialItemCount) {\n    alwaysShow = options.slice(0, initialItemCount);\n    showWhenExpanded = options.slice(initialItemCount, options.length);\n  }\n\n  const isExpandible = showWhenExpanded.length > 0;\n\n  return (\n    <Flex data-testid={dataTestid} direction=\"column\">\n      <FilterHeading hint={hint} name={name} />\n      <Stack mt={1} spacing={1}>\n        {alwaysShow.map((item) => (\n          <CheckboxItem\n            {...item}\n            isChecked={checkedValues.includes(item.value)}\n            key={item.value}\n            onChange={getOnChange(item.value)}\n          />\n        ))}\n        {isExpandible && (\n          <Collapse animateOpacity in={collapse.isOpen} unmountOnExit>\n            <Stack spacing={1}>\n              {showWhenExpanded.map((item) => (\n                <CheckboxItem\n                  {...item}\n                  isChecked={checkedValues.includes(item.value)}\n                  key={item.value}\n                  onChange={getOnChange(item.value)}\n                />\n              ))}\n            </Stack>\n          </Collapse>\n        )}\n      </Stack>\n      {isExpandible && (\n        <Flex align=\"start\" mt={1}>\n          <Button\n            color=\"gray.600\"\n            fontWeight=\"normal\"\n            leftIcon={collapse.isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            onClick={collapse.onToggle}\n            size=\"sm\"\n            textAlign=\"left\"\n            variant=\"link\"\n            w=\"auto\"\n          >\n            {collapse.isOpen\n              ? `Show fewer options (${alwaysShow.length})`\n              : `Show more options (${showWhenExpanded.length})`}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import { FunctionComponent, useMemo } from \"react\";\nimport { useSearchContext } from \"../../contexts/Search\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const KeywordsFilter: FunctionComponent = () => {\n  const { keywords, setKeywords } = useSearchState().searchAPI;\n  const keywordMap = useSearchContext()!.keywords;\n\n  const onKeywordChange = (keyword: string) => {\n    setKeywords(\n      keywords.includes(keyword)\n        ? keywords.filter((k) => k !== keyword)\n        : [...keywords, keyword]\n    );\n  };\n\n  const keywordOptions = useMemo(() => {\n    const baseOptions = [...keywordMap.entries()]\n      .sort(([, count1], [, count2]) => {\n        return count1 < count2 ? 1 : -1;\n      })\n      .filter(([keyword]) => !keywords.includes(keyword))\n      .map(([keyword]) => ({\n        display: keyword,\n        value: keyword,\n      }))\n      .slice(0, 25);\n\n    const keywordsNotInOptions = keywords.filter(\n      (k) => !baseOptions.some((opt) => opt.value === k)\n    );\n\n    return [\n      ...keywordsNotInOptions.map((k) => ({ display: k, value: k })),\n      ...baseOptions,\n    ];\n  }, [keywordMap, keywords]);\n\n  return (\n    <CheckboxFilter\n      data-testid={testIds.languagesFilter}\n      hint=\"Focus the results by choosing one or more keywords reflecting the kind of construct you're looking for. Keywords are provided by construct authors.\"\n      initialItemCount={5}\n      name=\"Keywords\"\n      onValueChange={onKeywordChange}\n      options={keywordOptions}\n      values={keywords}\n    />\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nconst languageOptions = Object.entries(LANGUAGE_NAME_MAP)\n  .map(([key, value]) => ({\n    display: value,\n    value: key,\n    ...(TEMP_SUPPORTED_LANGUAGES.has(key as Language)\n      ? { isDisabled: false }\n      : {\n          isDisabled: true,\n          disabledHint: `${\n            LANGUAGE_NAME_MAP[key as Language]\n          } support is coming soon!`,\n        }),\n  }))\n  .sort((l1, l2) => {\n    // Push disabled languages to back of list\n    return l1.isDisabled > l2.isDisabled ? 1 : -1;\n  });\n\nexport const LanguageFilter: FunctionComponent = () => {\n  const { languages, setLanguages } = useSearchState().searchAPI;\n\n  const onLanguagesChange = (lang: string) => {\n    const language = lang as Language;\n\n    setLanguages(\n      languages.includes(language)\n        ? languages.filter((l) => l !== language)\n        : [...languages, language]\n    );\n  };\n\n  return (\n    <CheckboxFilter\n      data-testid={testIds.languagesFilter}\n      hint=\"Choose one or more languages. Results include constructs for use with at least one of the selected languages.\"\n      name=\"Programming Language\"\n      onValueChange={onLanguagesChange}\n      options={languageOptions}\n      values={languages}\n    />\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport { PackageTagConfig } from \"../../api/config\";\nimport { useConfigValue } from \"../../hooks/useConfigValue\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\n\ninterface FilterGroups {\n  [group: string]: PackageTagConfig[];\n}\n\nexport const TagFilter: FunctionComponent = () => {\n  const filterableTags =\n    useConfigValue(\"packageTags\")?.filter((tag) => Boolean(tag.searchFilter)) ??\n    [];\n\n  const tagFilterGroups: FilterGroups = filterableTags.reduce(\n    (accum: FilterGroups, tag: PackageTagConfig): FilterGroups => {\n      const groupName = tag.searchFilter?.groupBy;\n      if (groupName) {\n        return {\n          ...accum,\n          [groupName]: [...(accum[groupName] ?? []), tag],\n        };\n      }\n      return accum;\n    },\n    {}\n  );\n\n  const { tags, setTags } = useSearchState().searchAPI;\n\n  const onTagsChange = (tag: string) => {\n    setTags(\n      tags.includes(tag) ? tags.filter((t) => t !== tag) : [...tags, tag]\n    );\n  };\n\n  return (\n    <>\n      {Object.entries(tagFilterGroups).map(([title, tagItems]) => {\n        return (\n          <CheckboxFilter\n            key={title}\n            name={title}\n            onValueChange={onTagsChange}\n            options={tagItems.map((tag) => {\n              return {\n                display: tag.searchFilter!.display,\n                value: tag.id,\n              };\n            })}\n            values={tags}\n          />\n        );\n      })}\n    </>\n  );\n};\n","import { Heading, Stack } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { Card } from \"../../components/Card\";\nimport { CDKFilter } from \"./CDKFilter\";\nimport { KeywordsFilter } from \"./KeywordsFilter\";\nimport { LanguageFilter } from \"./LanguageFilter\";\nimport { TagFilter } from \"./TagFilter\";\nimport testIds from \"./testIds\";\n\nexport interface FilterPanelProps {}\n\n// Header height + section padding\nconst TOP_OFFSET = \"5.75rem\";\n\n/**\n * The desktop Resolution Filter Panel\n */\nexport const FilterPanel: FunctionComponent<FilterPanelProps> = () => {\n  return (\n    <Card\n      borderRadius=\"none\"\n      boxShadow=\"none\"\n      data-testid={testIds.filtersPanel}\n      display={{ base: \"none\", md: \"flex\" }}\n      maxH={`calc(100vh - ${TOP_OFFSET} - 1.25rem)`}\n      maxW=\"23rem\"\n      minW=\"100%\"\n      overflow=\"hidden auto\"\n      p={4}\n      pos=\"sticky\"\n      top={TOP_OFFSET}\n      zIndex=\"docked\"\n    >\n      <Stack color=\"blue.800\" h=\"max-content\" spacing={4} top={4}>\n        <Heading as=\"h3\" size=\"sm\">\n          Filters\n        </Heading>\n\n        <CDKFilter />\n\n        <LanguageFilter />\n\n        <TagFilter />\n\n        <KeywordsFilter />\n      </Stack>\n    </Card>\n  );\n};\n","import { Center, Spinner } from \"@chakra-ui/react\";\nimport { FunctionComponent, memo } from \"react\";\nimport { CatalogPackage } from \"../../api/package/packages\";\nimport { PackageCardType } from \"../PackageCard\";\nimport { WideCardList } from \"./WideCardList\";\n\nconst listViews = {\n  [PackageCardType.Wide]: WideCardList,\n};\n\nexport interface PackageListViewProps {\n  items: CatalogPackage[];\n}\n\nexport interface PackageListProps extends Partial<PackageListViewProps> {\n  cardView?: PackageCardType;\n  loading?: boolean;\n  title?: string;\n}\n\nexport const PackageList: FunctionComponent<PackageListProps> = memo(\n  ({\n    cardView = PackageCardType.Wide,\n    items,\n    loading,\n    // title,\n  }) => {\n    if (loading || !items) {\n      return (\n        <Center>\n          <Spinner size=\"xl\" />\n        </Center>\n      );\n    }\n\n    const View = listViews[cardView];\n\n    return <View items={items} />;\n  }\n);\n\nPackageList.displayName = \"PackageList\";\n","import { Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { PackageCard, PackageCardType } from \"../PackageCard\";\nimport { PackageListViewProps } from \"./PackageList\";\n\nexport const WideCardList: FunctionComponent<PackageListViewProps> = ({\n  items,\n}) => {\n  return (\n    <Stack spacing={4}>\n      {items.map((pkg) => (\n        <PackageCard\n          key={`${pkg.name}-${pkg.version}`}\n          pkg={pkg}\n          variant={PackageCardType.Wide}\n        />\n      ))}\n    </Stack>\n  );\n};\n","import { IconButton, IconProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport interface ArrowButtonProps {\n  \"data-testid\"?: string;\n  icon: FunctionComponent<IconProps>;\n  offset?: number;\n  getPageUrl: (params: { offset: number }) => string;\n}\n\nexport const ArrowButton: FunctionComponent<ArrowButtonProps> = ({\n  \"data-testid\": dataTestid,\n  icon: Icon,\n  offset,\n  getPageUrl,\n}) => {\n  const label = `Page ${offset} link`;\n\n  const props = {\n    \"aria-label\": label,\n    borderRadius: \"md\",\n    borderColor: \"blue.500\",\n    colorScheme: \"blue\",\n    \"data-testid\": dataTestid,\n    icon: <Icon color=\"blue.500\" h={5} w={5} />,\n    mx: 2,\n    h: 10,\n    w: 10,\n    variant: \"outline\",\n  };\n\n  if (offset !== undefined) {\n    return <IconButton {...props} as={Link} to={getPageUrl({ offset })} />;\n  }\n\n  return <IconButton {...props} disabled />;\n};\n","import { Flex, Input, Text } from \"@chakra-ui/react\";\nimport {\n  FormEventHandler,\n  FunctionComponent,\n  SyntheticEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nexport interface GoToPageProps {\n  \"data-testid\"?: string;\n  pageLimit: number;\n  offset: number;\n  getPageUrl: (params: { offset: number }) => string;\n}\n\nexport const GoToPage: FunctionComponent<GoToPageProps> = ({\n  \"data-testid\": dataTestid,\n  pageLimit,\n  offset,\n  getPageUrl,\n}) => {\n  const [inputValue, setInputValue] = useState((offset + 1).toString());\n  const { push } = useHistory();\n\n  useEffect(() => {\n    setInputValue((offset + 1).toString());\n  }, [offset]);\n\n  const onInputChange = (e: SyntheticEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    setInputValue((e.target as HTMLInputElement).value);\n  };\n\n  const onSubmit: FormEventHandler<HTMLInputElement> = (e) => {\n    e.preventDefault();\n    push(getPageUrl({ offset: parseInt(inputValue) - 1 }));\n  };\n\n  return (\n    <Flex align=\"center\" as=\"form\" mx={2} onSubmit={onSubmit}>\n      <Input\n        colorScheme=\"blue\"\n        data-testid={dataTestid}\n        h={10}\n        max={pageLimit + 1}\n        min={1}\n        name=\"page\"\n        onChange={onInputChange}\n        p={0}\n        textAlign=\"center\"\n        type=\"number\"\n        value={inputValue}\n        w={10}\n      />\n      <Text ml={2} w=\"max-content\">\n        of {pageLimit + 1}\n      </Text>\n    </Flex>\n  );\n};\n","import { ChevronLeftIcon, ChevronRightIcon } from \"@chakra-ui/icons\";\nimport { Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { ArrowButton } from \"./ArrowButton\";\nimport { GoToPage } from \"./GoToPage\";\nimport testIds from \"./testIds\";\n\nexport interface PageControlsProps {\n  offset: number;\n  pageLimit: number;\n  getPageUrl: (params: { offset?: number }) => string;\n}\n\nexport const PageControls: FunctionComponent<PageControlsProps> = ({\n  offset,\n  getPageUrl,\n  pageLimit,\n}) => {\n  const nextOffset = offset < pageLimit ? offset + 1 : undefined;\n  const prevOffset = offset > 0 ? offset - 1 : undefined;\n\n  return (\n    <Stack\n      align=\"center\"\n      direction=\"row\"\n      justify=\"space-between\"\n      maxW=\"18rem\"\n      mx=\"auto\"\n      spacing={4}\n      w=\"full\"\n    >\n      <ArrowButton\n        data-testid={testIds.prevPage}\n        getPageUrl={getPageUrl}\n        icon={ChevronLeftIcon}\n        offset={prevOffset}\n      />\n      <GoToPage\n        data-testid={testIds.goToPage}\n        getPageUrl={getPageUrl}\n        offset={offset}\n        pageLimit={pageLimit}\n      />\n      <ArrowButton\n        data-testid={testIds.nextPage}\n        getPageUrl={getPageUrl}\n        icon={ChevronRightIcon}\n        offset={nextOffset}\n      />\n    </Stack>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport testIds from \"./testIds\";\n\nexport interface SearchDetailsProps {\n  limit: number;\n  offset: number;\n  count: number;\n  filtered: boolean;\n  query?: string;\n}\n\nconst Em: FunctionComponent = ({ children }) => (\n  <Text as=\"strong\" color=\"gray.700\">\n    {children}\n  </Text>\n);\n\nconst Count: FunctionComponent<{\n  first: number;\n  count: number;\n  last: number;\n}> = ({ first, count, last }) => {\n  if (!first && last >= count) {\n    return (\n      <>\n        <Em>{count}</Em> of <Em>{count}</Em>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Em>\n        {count ? first + 1 : count} - {last > count ? count : last}\n      </Em>{\" \"}\n      of <Em>{count}</Em>\n    </>\n  );\n};\n\nexport const SearchDetails: FunctionComponent<SearchDetailsProps> = ({\n  limit,\n  offset,\n  count,\n  filtered,\n  query,\n}) => {\n  const first = limit * offset;\n  const last = first + limit;\n  const hasResults = count > 0;\n\n  return (\n    <Text data-testid={testIds.searchDetails}>\n      {hasResults ? (\n        <>\n          Displaying <Count count={count} first={first} last={last} />{\" \"}\n          {filtered ? \"search results\" : \"constructs\"}\n        </>\n      ) : (\n        <>{filtered ? \"There were no search results\" : \"No constructs found\"}</>\n      )}\n      {query && (\n        <>\n          {\" for \"}\n          <Em>{query}</Em>\n        </>\n      )}\n      .{!hasResults && filtered && <> Try a different term.</>}\n    </Text>\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { SORT_RENDER_MAP } from \"./constants\";\nimport { RadioFilter } from \"./RadioFilter\";\nimport { useSearchState } from \"./SearchState\";\n\nexport const SortFilter: FunctionComponent = () => {\n  const { sort, setSort } = useSearchState().searchAPI;\n\n  const onSortChange = (newSort: string) => {\n    setSort(newSort ? (newSort as CatalogSearchSort) : undefined);\n  };\n\n  return (\n    <RadioFilter\n      hint=\"Sets the order of search results\"\n      name=\"Sorted By\"\n      onValueChange={onSortChange}\n      options={[\n        { display: \"Relevance\", value: \"\" },\n        ...Object.entries(SORT_RENDER_MAP).map(([value, display]) => ({\n          display,\n          value,\n        })),\n      ]}\n      value={sort ?? \"\"}\n    />\n  );\n};\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Button,\n  Drawer,\n  Stack,\n  DrawerBody,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerContent,\n  DrawerCloseButton,\n  useDisclosure,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { CDKFilter } from \"./CDKFilter\";\nimport { KeywordsFilter } from \"./KeywordsFilter\";\nimport { LanguageFilter } from \"./LanguageFilter\";\nimport { SortFilter } from \"./SortFilter\";\nimport { TagFilter } from \"./TagFilter\";\n\n/**\n * The mobile filter Drawer (Bottomsheet in iOS terminology)\n */\nexport const SortAndFilterDrawer: FunctionComponent = () => {\n  const drawer = useDisclosure();\n  return (\n    <>\n      <Button\n        colorScheme=\"blue\"\n        display={{ md: \"none\" }}\n        onClick={drawer.onOpen}\n        rightIcon={<ChevronDownIcon />}\n        variant=\"link\"\n      >\n        Sorting and Filters\n      </Button>\n      <Drawer {...drawer} placement=\"bottom\">\n        <DrawerOverlay />\n\n        <DrawerContent color=\"blue.800\" maxH=\"full\">\n          <DrawerHeader borderBottom=\"base\">Sorting and Filters</DrawerHeader>\n\n          <DrawerCloseButton />\n\n          <DrawerBody>\n            <Stack color=\"blue.800\" pb={4} spacing={4}>\n              <SortFilter />\n\n              <CDKFilter />\n\n              <LanguageFilter />\n\n              <TagFilter />\n\n              <KeywordsFilter />\n            </Stack>\n          </DrawerBody>\n        </DrawerContent>\n      </Drawer>\n    </>\n  );\n};\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Text,\n  Menu,\n  MenuButton,\n  MenuList,\n  MenuItem,\n  Button,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { SORT_RENDER_MAP } from \"./constants\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const SortedBy: FunctionComponent = () => {\n  const { searchAPI } = useSearchState();\n  const { sort, setSort } = searchAPI;\n\n  const selected = sort ? SORT_RENDER_MAP[sort] : \"Relevance\";\n\n  return (\n    <Flex align=\"center\">\n      <Text>Sorted by</Text>\n      <Menu>\n        <MenuButton\n          as={Button}\n          color=\"blue.500\"\n          data-testid={testIds.sortButton}\n          ml={2}\n          pl={2} // For some reason, the px shorthand doesn't work on this Button\n          pr={2}\n          py={1}\n          rightIcon={<ChevronDownIcon />}\n          variant=\"link\"\n        >\n          {selected}\n        </MenuButton>\n        <MenuList data-testid={testIds.sortDropdown} minW=\"180\" zIndex=\"sticky\">\n          <MenuItem\n            data-testid={testIds.sortItem}\n            data-value=\"\"\n            key=\"Relevance\"\n            onClick={() => setSort(undefined)}\n          >\n            Relevance\n          </MenuItem>\n          {Object.entries(SORT_RENDER_MAP).map(([value, display]) => (\n            <MenuItem\n              data-testid={testIds.sortItem}\n              data-value={value}\n              key={value}\n              onClick={() => setSort(value as CatalogSearchSort)}\n            >\n              {display}\n            </MenuItem>\n          ))}\n        </MenuList>\n      </Menu>\n    </Flex>\n  );\n};\n","import { Box, Stack } from \"@chakra-ui/react\";\nimport { FunctionComponent, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { PackageList } from \"../../components/PackageList\";\nimport { Page } from \"../../components/Page\";\nimport { SearchBar } from \"../../components/SearchBar\";\nimport { useCatalogResults } from \"../../hooks/useCatalogResults\";\nimport { getSearchPath } from \"../../util/url\";\nimport { SearchQueryParam } from \"../SearchRedesign/constants\";\nimport { PageControls } from \"./PageControls\";\nimport { SearchDetails } from \"./SearchDetails\";\nimport { useSearchState } from \"./SearchState\";\nimport { SortAndFilterDrawer } from \"./SortAndFilterDrawer\";\nimport { SortedBy } from \"./SortedBy\";\n\nexport const SearchResults: FunctionComponent = () => {\n  const isFirstRender = useRef(true);\n  const { push } = useHistory();\n\n  const { query, searchAPI, offset, limit } = useSearchState();\n  const { keywords, languages, sort, cdkType, cdkMajor, onSearch, tags } =\n    searchAPI;\n\n  const { page, pageLimit, results } = useCatalogResults({\n    offset,\n    limit,\n    query,\n    keywords,\n    languages,\n    cdkMajor,\n    cdkType,\n    sort,\n    tags,\n  });\n\n  const getUrl = (\n    params: Partial<{ [key in SearchQueryParam]: number | string }>\n  ) => {\n    return getSearchPath({\n      cdkMajor,\n      cdkType,\n      keywords,\n      query: (params.q ?? query) as string,\n      languages,\n      sort,\n      offset: params.offset ?? offset,\n      tags,\n    });\n  };\n\n  // Resets the page number to 1 if query param offset is below 0, or to the last page if offset is higher than page count\n  useEffect(() => {\n    // If the query has results but the page has nothing to show...\n    if (results.length && (offset < 0 || offset > pageLimit)) {\n      // Handle an out of bounds offset\n      if (offset < 0) {\n        push(getUrl({ offset: 0 }));\n      } else {\n        // Offset is too large, just take last page\n        push(getUrl({ offset: pageLimit }));\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [results, offset, pageLimit]);\n\n  // Reset offset and update url when query, filters, or sort change\n  // We want to avoid doing this on first render / when a user directly navigates to a search URL\n  // so we keep a ref to prevent this\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n    } else {\n      // Trigger a history replace rather than push to avoid bloating browser history\n      onSearch({ replace: true });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sort, keywords, languages, cdkType, cdkMajor, tags]);\n\n  // Scroll to top on page change\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [page]);\n\n  return (\n    <Page\n      meta={{\n        title: query || \"Search\",\n        description: query\n          ? `${results.length} results for ${query} at Construct Hub`\n          : \"Search reusable components for your cloud application\",\n      }}\n      pageName=\"search\"\n    >\n      <Stack direction=\"column\" maxW=\"100vw\" pb={4} px={4} spacing={4}>\n        <SearchBar\n          bg=\"white\"\n          onChange={searchAPI.onQueryChange}\n          onSubmit={(e) => {\n            searchAPI.setSort(undefined);\n            searchAPI.onSubmit(e);\n          }}\n          value={searchAPI.query}\n        />\n\n        <Stack\n          align={{ base: \"start\", lg: \"center\" }}\n          direction={{ base: \"column-reverse\", lg: \"row\" }}\n          justify={{ base: \"initial\", lg: \"space-between\" }}\n          spacing={4}\n        >\n          <SearchDetails\n            count={results.length}\n            filtered={!!query}\n            limit={limit}\n            offset={offset}\n            query={query}\n          />\n\n          <Box display={{ base: \"none\", md: \"initial\" }}>\n            <SortedBy />\n          </Box>\n\n          <Box display={{ md: \"none\" }}>\n            <SortAndFilterDrawer />\n          </Box>\n        </Stack>\n\n        <PackageList items={page} />\n\n        <Box w=\"full\">\n          <PageControls\n            getPageUrl={getUrl}\n            offset={offset}\n            pageLimit={pageLimit}\n          />\n        </Box>\n      </Stack>\n    </Page>\n  );\n};\n","import { Grid } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { Page } from \"../../components/Page\";\nimport { FilterPanel } from \"./FilterPanel\";\nimport { SearchResults } from \"./SearchResults\";\nimport { SearchStateProvider } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const SearchRedesign: FunctionComponent = () => {\n  return (\n    <SearchStateProvider>\n      <Page\n        meta={{\n          title: \"Search - Construct Hub\",\n          description:\n            \"Search Construct Libraries for AWS CDK, CDK8s, and CDKtf\",\n        }}\n        pageName=\"search\"\n      >\n        <Grid\n          data-testid={testIds.page}\n          gap={4}\n          h=\"full\"\n          maxW=\"100%\"\n          px={{ base: 0, md: 6 }}\n          py={6}\n          templateColumns={{ base: \"1fr\", md: \"auto 1fr\" }}\n          templateRows=\"1fr\"\n        >\n          {/* Filter Panel Desktop */}\n          <FilterPanel />\n\n          {/* Results, Info, and Controls */}\n          <SearchResults />\n        </Grid>\n      </Page>\n    </SearchStateProvider>\n  );\n};\n"],"sourceRoot":""}
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","util/package.ts","hooks/useQueryParams/useQueryParams.ts","hooks/useConfigValue/useConfigValue.ts","hooks/useLanguage/useLanguage.ts","components/PackageCard/constants.ts","components/PackageCard/testIds.ts","components/PackageCard/Details.tsx","components/PackageCard/EditorsNote.tsx","components/PackageCard/Heading.tsx","components/PackageCard/Highlight.tsx","components/PackageLanguages/PackageLanguages.tsx","components/PackageCard/Languages.tsx","components/PackageCard/Tags.tsx","components/PackageCard/WideCard.tsx","components/PackageCard/PackageCard.tsx","components/Time/Time.tsx","components/Highlight/Highlight.tsx","components/PackageTag/PackageTag.tsx","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","views/SearchRedesign/FilterHeading.tsx","views/SearchRedesign/testIds.ts","views/SearchRedesign/RadioFilter.tsx","views/SearchRedesign/constants.ts","views/SearchRedesign/util.ts","views/SearchRedesign/SearchState.tsx","views/SearchRedesign/CDKFilter.tsx","views/SearchRedesign/CheckboxFilter.tsx","views/SearchRedesign/KeywordsFilter.tsx","views/SearchRedesign/LanguageFilter.tsx","views/SearchRedesign/TagFilter.tsx","views/SearchRedesign/FilterPanel.tsx","components/PackageList/PackageList.tsx","components/PackageList/WideCardList.tsx","views/SearchRedesign/ArrowButton.tsx","views/SearchRedesign/GoToPage.tsx","views/SearchRedesign/PageControls.tsx","views/SearchRedesign/SearchDetails.tsx","views/SearchRedesign/SortFilter.tsx","views/SearchRedesign/SortAndFilterDrawer.tsx","views/SearchRedesign/SortedBy.tsx","views/SearchRedesign/SearchResults.tsx","views/SearchRedesign/SearchRedesign.tsx"],"names":["pageInfo","contribute","event","name","home","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","join","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","highlightsFrom","packageTags","length","reduce","accum","tag","highlight","tagObjectsFrom","keywords","tagObjects","Array","tagLabels","Set","filter","Boolean","keyword","label","map","id","mapPackageTags","KEYWORD_IGNORE_LIST","has","mapPackageKeywords","toLowerCase","push","add","useQueryParams","useLocation","useMemo","URLSearchParams","useConfigValue","key","data","useConfig","defaultLang","Language","TypeScript","LOCAL_KEY","isValidLang","lang","TEMP_SUPPORTED_LANGUAGES","getInitialLang","langFromParams","storedLang","localStorage","getItem","useLanguage","options","updateUrl","updateSaved","pathname","hash","useHistory","replace","params","get","QUERY_PARAMS","LANGUAGE","useState","language","setLanguage","set","toString","update","useCallback","val","setItem","PackageCardType","testIds","createTestIds","Detail","dataTestid","tooltip","value","hasArrow","isDisabled","placement","fontSize","zIndex","Details","usePackageCard","author","date","metadata","useStats","downloads","packages","npm","authorName","publishDate","Date","undefined","toLocaleString","published","Time","formattedDate","formatDistanceToNowStrict","addSuffix","NavLink","color","to","getSearchPath","query","EditorsNote","comment","lineHeight","noOfLines","as","fontWeight","Heading","currentLanguage","constructFramework","version","cdkType","cdkVersion","majorVersion","Link","getPackagePath","align","CDKType","mr","wordBreak","Highlight","sizes","sm","md","lg","PackageLanguages","isRounded","languages","packageName","size","targets","Object","keys","entries","LANGUAGE_RENDER_MAP","sort","left","right","LANGUAGES","indexOf","info","isSupportedByLibrary","includes","isSupportedByConstructHub","Icon","icon","borderRadius","h","opacity","w","LanguageSupportTooltip","Languages","pkg","Tags","tags","slice","PackageTag","variant","WideCard","_hover","bg","border","boxShadow","wideContainer","minH","templateColumns","base","direction","justify","p","sx","gap","spacing","wrap","borderLeft","borderTop","PackageCardContext","createContext","useContext","PackageCard","Wide","Provider","forwardRef","ref","formatString","format","boxProps","dateTime","toISOString","displayName","alt","src","tagProps","textDecoration","isSupported","langName","LANGUAGE_NAME_MAP","message","FilterHeading","hint","useBreakpointValue","mb","colorScheme","strategy","ml","mx","shadow","RadioFilter","checkedValue","onValueChange","onChange","display","filterItem","isTruncated","SORT_RENDER_MAP","CatalogSearchSort","NameAsc","NameDesc","PublishDateAsc","PublishDateDesc","DownloadsDesc","DownloadsAsc","toNum","result","parseInt","parseQueryArray","queryString","decodeURIComponent","split","SearchStateContext","useSearchState","state","Error","SearchStateProvider","queryParams","offset","OFFSET","SEARCH_QUERY","tagQuery","TAGS","keywordQuery","KEYWORDS","SORT","CDK_TYPE","cdkMajorParam","CDK_MAJOR","cdkMajor","searchAPI","useCatalogSearch","defaultCdkMajor","defaultCdkType","defaultKeywords","defaultLanguages","defaultQuery","defaultSort","defaultTags","setQuery","some","k","setKeywords","t","setTags","limit","CDKFilter","setCdkType","setCdkMajor","useSearchContext","cdkOptions","cdkTypes","constructFrameworks","opts","pkgCount","CDKTYPE_NAME_MAP","majorsOptions","majorVersions","a","b","cdkTypeFilter","type","cdk","values","cdkVersionFilter","major","majorNum","CheckboxItem","disabledHint","isChecked","CheckboxFilter","initialItemCount","checkedValues","collapse","useDisclosure","getOnChange","alwaysShow","showWhenExpanded","isExpandible","mt","item","animateOpacity","in","isOpen","unmountOnExit","leftIcon","onClick","onToggle","textAlign","KeywordsFilter","keywordMap","keywordOptions","baseOptions","keywordsNotInOptions","opt","languagesFilter","languageOptions","l1","l2","LanguageFilter","setLanguages","l","TagFilter","tagFilterGroups","searchFilter","groupName","groupBy","onTagsChange","tagItems","TOP_OFFSET","FilterPanel","Card","filtersPanel","maxH","maxW","minW","overflow","pos","top","listViews","items","PackageList","memo","cardView","loading","View","ArrowButton","getPageUrl","props","borderColor","disabled","GoToPage","pageLimit","inputValue","setInputValue","onSubmit","e","preventDefault","max","min","target","PageControls","nextOffset","prevOffset","prevPage","ChevronLeftIcon","goToPage","nextPage","ChevronRightIcon","Em","Count","first","count","last","SearchDetails","filtered","hasResults","searchDetails","SortFilter","setSort","newSort","SortAndFilterDrawer","drawer","onOpen","rightIcon","borderBottom","pb","SortedBy","selected","Button","sortButton","pl","pr","py","sortDropdown","sortItem","SearchResults","isFirstRender","useRef","onSearch","useCatalogResults","results","getUrl","q","current","window","scrollTo","px","SearchBar","onQueryChange","SearchRedesign","templateRows"],"mappings":"0LAAaA,EAAW,CACtBC,WAAY,CACVC,MAAO,CACLC,KAAM,oBAGVC,KAAM,CACJF,MAAO,CACLC,KAAM,cAGVE,IAAK,CACHH,MAAO,CACLC,KAAM,oCAGVG,eAAgB,CACdJ,MAAO,CACLC,KAAM,yBAGVI,OAAQ,CACNL,MAAO,CACLC,KAAM,gBAGVK,UAAW,CACTN,MAAO,CACLC,KAAM,oBAGVM,SAAU,CACRC,KAAM,CACJC,SAAU,aAEZT,MAAO,CACLC,KAAM,mB,eCVCS,GATD,CACV,6DACA,wNACA,yDACA,qKACA,qBACA,qCACAC,KAAK,KAE2C,SAAC,GAI5C,IAHLC,EAGI,EAHJA,SACAC,EAEI,EAFJA,KACAC,EACI,EADJA,SAEMC,EAAgBC,YAAYlB,EAASgB,IAE3CG,qBAAU,WACRF,MACC,CAACA,IAEJ,MAA8CF,EAAtCK,cAAR,SAAuBC,EAAuBN,EAAvBM,MAAOC,EAAgBP,EAAhBO,YACxBC,EAAiBH,EAAM,UAAMC,EAAN,oBAAgCA,EAE7D,OACE,qCACE,eAACG,EAAA,EAAD,YACGC,EAID,sBAAMC,QAAQ,sCAAsCvB,KAAK,aACzD,sBAAMwB,QAAQ,UAEd,gCAAQJ,IACR,sBAAMG,QAASH,EAAgBK,SAAS,aACxC,sBAAMF,QAASH,EAAgBpB,KAAK,kBACpC,sBAAMuB,QAAQ,UAAUvB,KAAK,iBAE7B,sBAAMuB,QAASJ,EAAanB,KAAK,gBACjC,sBAAMuB,QAASJ,EAAaM,SAAS,mBACrC,sBAAMF,QAASJ,EAAanB,KAAK,2BAElCW,Q,iICnDMe,EAAiB,SAACC,GAC7B,OAAKA,GAAeA,EAAYC,OAAS,EAAU,GAE5CD,EAAYE,QACjB,SAACC,EAA2BC,GAC1B,OAAIA,EAAIC,UACA,GAAN,mBAAWF,GAAX,CAAkBC,EAAIC,YAGjBF,IAET,KAuCSG,EAAiB,SAAC,GAU7B,IAJkB,IALlBN,EAKiB,EALjBA,YACAO,EAIiB,EAJjBA,SAKMC,EAAa,IAAIC,MACjBC,EAAY,IAAIC,IAEtB,4BA1C4B,SAC5BX,GAEA,OAAO,OAACA,QAAD,IAACA,IAAe,IACpBY,QAAO,SAACR,GAAS,IAAD,EACf,OAAOS,QAAO,UAACT,EAAIU,eAAL,aAAC,EAAaC,UAE7BC,KAAI,SAACZ,GAAD,yBAAC,eACDA,GADA,IAEHa,GAAE,UAAEb,EAAIU,eAAN,aAAE,EAAaC,WAkChBG,CAAelB,IADpB,YA1BgC,SAACO,GACjC,OAAKA,GAAYA,EAASN,OAAS,EAAU,GAEtCM,EACJK,QAAO,SAACG,GAAD,OAAWF,QAAQE,KAAWI,IAAoBC,IAAIL,MAC7DC,KAAI,SAACD,GAAD,MAAY,CACfE,GAAIF,EACJD,QAAS,CACPC,aAoBDM,CAAmBd,KAFxB,eAGG,CAHE,IAAMH,EAAG,KAINW,EAAQX,EAAIU,QAASC,MAAMO,cAC5BZ,EAAUU,IAAIL,KACjBP,EAAWe,KAAKnB,GAChBM,EAAUc,IAAIT,IAIlB,OAAOP,I,sFC5EIiB,EAAiB,WAC5B,IAAQhD,EAAWiD,cAAXjD,OAER,OAAOkD,mBAAQ,kBAAM,IAAIC,gBAAgBnD,KAAS,CAACA,M,+ECHxCoD,EAAiB,SAAyBC,GACrD,IAAQC,EAASC,cAATD,KACR,OAAO,OAACA,QAAD,IAACA,IAAQ,IAAID,K,wHCEhBG,EAAcC,IAASC,WAEvBC,EAAY,qBAEZC,EAAc,SAACC,GAAD,OACV,MAARA,GAAgBC,IAAyBnB,IAAIkB,IAEzCE,EAAiB,SAACC,GAEtB,GAAIJ,EAAYI,GACd,OAAOA,EAIT,IAAK,IAAD,EACIC,EAAU,UAAIC,aAAaC,QAAQR,UAAzB,QAAuC,GACvD,GAAIC,EAAYK,GAAa,OAAOA,EACpC,UAKF,OAAOT,GAcIY,EAAc,WAAuC,IAAtCC,EAAqC,uDAAP,GAChDC,EAA2BD,EAA3BC,UAAWC,EAAgBF,EAAhBE,YACnB,EAA2BtB,cAAnBuB,EAAR,EAAQA,SAAUC,EAAlB,EAAkBA,KAClB,EAAoBC,cAAZC,EAAR,EAAQA,QACFC,EAAS5B,cACTgB,EAAiBY,EAAOC,IAAIC,IAAaC,UAG/C,EAAgCC,oBAAmB,kBACjDjB,EAAeC,MADjB,mBAAOiB,EAAP,KAAiBC,EAAjB,KAKAtE,qBAAU,WACJgD,EAAYI,IAAmBA,IAAmBiB,GACpDC,EAAYlB,KAGb,CAACA,IAGJpD,qBAAU,WACJoD,IAAmBiB,GAAYX,IACjCM,EAAOO,IAAIL,IAAaC,SAAUE,GAClCN,EAAQ,CAAEH,WAAUC,OAAMzE,OAAQ4E,EAAOQ,gBAG1C,CAACH,EAAUX,IAEd,IAAMe,EAASC,uBACb,SAACC,GAGC,GAFAL,EAAYK,GAERhB,EACF,IACEL,aAAasB,QAAQ7B,EAAW4B,GAChC,aAKN,CAAChB,IAGH,OAAOrB,mBAAQ,iBAAM,CAAC+B,EAAUI,KAAkB,CAACJ,EAAUI,M,iCCvFxD,IAAKI,E,6EAAAA,K,aAAAA,M,oFCcGC,EAZCC,YAAc,cAAe,CAC3C,SACA,cACA,YACA,YACA,YACA,QACA,UACA,UACA,kB,OCMIC,EAAyC,SAAC,GAAD,IAC9BC,EAD8B,EAC7C,eACAC,EAF6C,EAE7CA,QACAC,EAH6C,EAG7CA,MAH6C,OAK7C,cAAC,IAAD,CAASC,UAAQ,EAACC,YAAaH,EAASxD,MAAOwD,EAASI,UAAU,OAAlE,SAEE,cAAC,IAAD,CAAM,cAAaL,EAAYM,SAAS,KAAKC,OAAQ,EAArD,SACGL,OAKMM,EAA6B,WAAO,IAAD,MAC9C,EAIIC,IAHFC,EADF,EACEA,OACYC,EAFd,EAEEC,SAAYD,KACZ5G,EAHF,EAGEA,KAGM0D,EAASoD,cAATpD,KACFqD,EAA6B,OAAGrD,QAAH,IAAGA,GAAH,UAAGA,EAAMsD,gBAAT,iBAAG,EAAiBhH,UAApB,iBAAG,EAAwB+G,iBAA3B,aAAG,EAAmCE,IAEnEC,EAA+B,kBAAXP,EAAsBA,EAASA,EAAO3G,KAC1DmH,EAAc,IAAIC,KAAKR,GAE7B,OACE,0CACiBS,IAAdN,GACC,cAAC,EAAD,CACE,cAAajB,EAAQiB,UACrBb,QAAQ,kEACRC,MAAK,UAAKY,EAAUO,iBAAf,uBAGT,cAAC,EAAD,CACE,cAAaxB,EAAQyB,UACrBpB,MACE,cAACqB,EAAA,EAAD,CACEZ,KAAMO,EACNZ,SAAS,KACTkB,cAAeC,YAA0BP,EAAa,CACpDQ,WAAW,QAKnB,cAAC,EAAD,CACE,cAAa7B,EAAQa,OACrBR,MACE,0CACK,IACH,cAACyB,EAAA,EAAD,CACEC,MAAM,WACNC,GAAIC,YAAc,CAChBC,MAAOd,IAHX,SAMGA,a,kCCvEFe,EAAuD,SAAC,GAE9D,IADLC,EACI,EADJA,QAEA,OACE,eAAC,IAAD,CACE,cAAapC,EAAQoC,QACrB3B,SAAS,KACT4B,WAAW,OACXC,UAAW,EAJb,UAME,eAAC,IAAD,CAAMC,GAAG,OAAOR,MAAM,WAAWS,WAAW,OAA5C,2BACsB,OAErBJ,MCFMK,EAA6B,WACxC,MAA0B/D,cAAnBgE,EAAP,oBACA,EAMI9B,IALFvF,EADF,EACEA,YACA+G,EAFF,EAEEA,QACYO,EAHd,EAGE5B,SAAY4B,mBACZzI,EAJF,EAIEA,KACA0I,EALF,EAKEA,QAGIC,EAAO,OAAGF,QAAH,IAAGA,OAAH,EAAGA,EAAoBzI,KAC9B4I,EAAU,OAAGH,QAAH,IAAGA,OAAH,EAAGA,EAAoBI,aAEvC,OACE,qCACE,cAAC,IAAD,CACER,GAAIS,IACJhB,GAAIiB,YAAe,CACjB/I,OACA0I,UACArD,SAAUmD,IALd,SAQE,eAAC,IAAD,CAAMQ,MAAM,SAAZ,UACE,cAACC,EAAA,EAAD,CAAcJ,aAAcD,EAAYM,GAAI,EAAGlJ,KAAM2I,IACrD,cAAC,IAAD,CACEN,GAAG,KACHR,MAAM,WACN,cAAa/B,EAAQ5E,MACrBqF,SAAS,KACT+B,WAAW,OACXa,UAAU,SANZ,SAQGnJ,SAINkI,EACC,cAAC,EAAD,CAAaA,QAASA,IAEtB,cAAC,IAAD,CACEL,MAAM,WACN,cAAa/B,EAAQ3E,YACrBoF,SAAS,KACT4B,WAAW,OACXC,UAAW,EALb,SAOGjH,GAAe,kC,yBCxDbiI,EAA+B,WAAO,IAAD,IAChD,uBAA6B1C,WAA7B,aAA6B,EAAkBG,gBAA/C,QAA2D,IAAnDlF,mBAAR,MAAsB,GAAtB,EACA,EAAoBD,YAAeC,GAA5BK,EAAP,oBAEA,OAAKA,EAGH,cAAC,IAAD,CAAKuE,SAAS,KAAd,SACE,cAAC,IAAD,eAAwBvE,MAJL,M,kBCCnBqH,EAAQ,CACZC,GAAI,EACJC,GAAI,EACJC,GAAI,GAWOC,EAA6D,SAAC,GAMpE,IAAD,IALJC,iBAKI,SAJJC,EAII,EAJJA,UACMC,EAGF,EAHJ5J,KAGI,IAFJ6J,YAEI,MAFG,KAEH,EADJnB,EACI,EADJA,QAEMoB,EAAUC,OAAOC,KAAP,OAAYL,QAAZ,IAAYA,IAAa,IACzC,OACE,mCACGI,OAAOE,QAAQC,KAEbC,MACC,kBAAEC,EAAF,oBAAUC,EAAV,2BACEC,IAAUC,QAAQH,GAClBE,IAAUC,QAAQF,MAErB1H,KAAI,YAAmB,IAAD,mBAAhBsB,EAAgB,KAAVuG,EAAU,KACfnF,EAAWpB,EAEXwG,EACJpF,IAAaxB,IAASC,YAAcgG,EAAQY,SAASrF,GAEjDsF,EACJtF,IAAaxB,IAASC,YAEtBI,IAAyBnB,IAAIsC,GAE/B,IAAKoF,EAAsB,OAAO,KAElC,IAAQzK,EAAqBwK,EAArBxK,KAAY4K,EAASJ,EAAfK,KAERA,EACJ,cAACD,EAAD,CACE,gCAAwB5K,GACxB8K,aAAcpB,EAAY,MAAQ,EAClCqB,EAAG1B,EAAMQ,GACTmB,QAASL,EAA4B,EAAI,GACzCM,EAAG5B,EAAMQ,KAIb,OACE,cAACqB,EAAA,EAAD,CAAuC7F,SAAUA,EAAjD,SACGsF,EACC,cAAC,IAAD,CACE,6CAAqCtF,GACrCyC,GAAIiB,YAAe,CAAE/I,KAAM4J,EAAalB,UAASrD,aAFnD,SAIGwF,IAGHA,GATyBxF,SChE5B8F,EAA+B,WAC1C,IAAMC,EAAM1E,IACZ,OAAO,cAAC,EAAD,2BAAsB0E,GAAtB,IAA2BvB,KAAK,S,SCD5BwB,EAA0B,WACrC,MAGI3E,IAHJ,IACExE,gBADF,MACa,GADb,MAEE2E,SAAYlF,mBAFd,MAE4B,GAF5B,EAKM2J,EAAOrJ,YAAe,CAC1BN,cACAO,aAGF,OACE,mCACGoJ,EAAKC,MAAM,EAAG,IAAI5I,KAAI,gBAAGC,EAAH,EAAGA,GAAH,IAAOH,QAAWC,GAAlB,aAAmC,GAAnC,GAAkBA,MAAOmF,EAAzB,EAAyBA,MAAzB,OACrB,cAAC2D,EAAA,EAAD,CAAqBrF,MAAOvD,EAAI6I,QAAS5D,EAAzC,SACGnF,GADcE,SCVZ8I,EAA8B,WACzC,OACE,cAAC,IAAD,CACEC,OAAQ,CACN,YAAa,CACXC,GAAI,YAHV,SAOE,eAAC,IAAD,CACEvD,GAAG,UACHuD,GAAG,QACHC,OAAO,OACPf,aAAa,KACbgB,UAAU,OACVjE,MAAM,WACN,cAAa/B,EAAQiG,cACrBhB,EAAE,OACFiB,KAAK,UACLC,gBAAiB,CAAEC,KAAM,MAAO1C,GAAI,aACpCyB,EAAE,OAXJ,UAcE,eAAC,IAAD,CACEkB,UAAU,SACVC,QAAQ,gBACRC,EAAG,EACHC,GAAI,CAAEC,IAAK,UAJb,UAME,cAAC,IAAD,CAAOC,QAAS,EAAhB,SACE,cAAC,EAAD,MAGF,cAAC,IAAD,CAAMxD,MAAM,SAASsD,GAAI,CAAEC,IAAK,UAAYE,KAAK,OAAjD,SACE,cAAC,EAAD,SAKJ,eAAC,IAAD,CACEzD,MAAO,CAAEkD,KAAM,MAAO1C,GAAI,WAC1BkD,WAAY,CAAElD,GAAI,QAClBmD,UAAW,CAAET,KAAM,OAAQ1C,GAAI,QAC/B2C,UAAW,CAAED,KAAM,MAAO1C,GAAI,UAC9B4C,QAAQ,gBACRC,EAAG,EACHC,GAAI,CAAEC,IAAK,UAPb,UASE,eAAC,IAAD,CAAOC,QAAS,EAAhB,UACE,cAAC,EAAD,IACA,cAAC,IAAD,CAAOA,QAAS,EAAhB,SACE,cAAC,EAAD,SAIJ,cAAC,IAAD,CAAO,cAAa1G,EAAQ6D,UAAWwC,UAAU,MAAMK,QAAS,EAAhE,SACE,cAAC,EAAD,eCvDNI,EAAqBC,wBAEzB,MAEWnG,EAAiB,kBAAMoG,qBAAWF,IAElCG,EAAmD,SAAC,GAG1D,IAFL3B,EAEI,EAFJA,IAEI,IADJK,eACI,MADM5F,EAAgBmH,KACtB,EACJ,OACE,cAACJ,EAAmBK,SAApB,CAA6B9G,MAAOiF,EAApC,SACGK,IAAY5F,EAAgBmH,MAAQ,cAAC,EAAD,Q,0JCX9BxF,EAAO0F,aAClB,WAA6DC,GAAS,IAAnEvG,EAAkE,EAAlEA,KAAcwG,EAAoD,EAA5DC,OAAsB5F,EAAsC,EAAtCA,cAAkB6F,EAAoB,iBACnE,OACE,cAAC,IAAD,yBAAKjF,GAAG,OAAOkF,SAAU3G,EAAK4G,cAAeL,IAAKA,GAASG,GAA3D,oBACG7F,QADH,IACGA,IAAiB4F,YAAOzG,EAAD,OAAOwG,QAAP,IAAOA,IAAgB,UAMvD5F,EAAKiG,YAAc,Q,gGCZNrE,EAA+C,SAAC,GAItC,IAHrB1G,EAGoB,EAHpBA,MACAmF,EAEoB,EAFpBA,MACAgD,EACoB,EADpBA,KAEA,OACE,eAAC,IAAD,CAAO7B,MAAM,SAASmD,UAAU,MAAMK,QAAS,EAA/C,UACE,cAAC,IAAD,CAAOkB,IAAG,UAAKhL,EAAL,SAAmBiL,IAAK9C,EAAMI,EAAG,IAC3C,cAAC,IAAD,CAAMpD,MAAOA,EAAOS,WAAW,OAA/B,SACG5F,S,8JCPI8I,EAAiD,SAAC,GAMxD,IALL7K,EAKI,EALJA,SACAwF,EAII,EAJJA,MAII,IAHJzD,aAGI,MAHIyD,EAGJ,EAFJK,EAEI,EAFJA,OACGoH,EACC,iBACJ,OACE,cAAChG,EAAA,EAAD,CACE,4BAAoBlF,GACpBoF,GAAIC,YAAc,CAAE7F,SAAU,CAACiE,KAC/BK,OAAQA,EAHV,SAKE,cAAC,IAAD,yBACEmF,OAAQ,CACNkC,eAAgB,cAEdD,GAJN,aAME,cAAC,IAAD,UAAWjN,W,gGClBNuK,EAET,SAAC,GAA4B,IAA1BvK,EAAyB,EAAzBA,SAAU0E,EAAe,EAAfA,SACTyI,EAAc5J,IAAyBnB,IAAIsC,GAC3C0I,EAAWC,IAAkB3I,GAE7B4I,EAAUH,EAAW,yCACWC,GADX,oCAEMA,EAFN,oBAI3B,OACE,cAAC,IAAD,CAAS3H,UAAQ,EAAC1D,MAAOuL,EAAS3H,UAAU,YAA5C,SACE,+BAAO3F,Q,kNCJAuN,EAAuD,SAAC,GAG9D,IAFLlO,EAEI,EAFJA,KACAmO,EACI,EADJA,KAEM7H,EAAY8H,YAAyC,CACzDlC,KAAM,OACN3C,GAAI,UAGN,OACE,eAAC,IAAD,CAAMP,MAAM,SAASqF,GAAI,EAAzB,UACE,cAAC,IAAD,CAAShG,GAAG,KAAKwB,KAAK,KAAKoB,EAAE,cAA7B,SACGjL,IAEFmO,EACC,eAAC,IAAD,CAASG,YAAY,OAAOhI,UAAWA,EAAWiI,SAAS,QAA3D,UACE,cAAC,IAAD,UACE,cAAC,IAAD,CAAM,6BAAqBvO,GAAQqI,GAAG,SAASmG,GAAI,EAAnD,SACE,cAAC,IAAD,CAAczD,EAAG,IAAKE,EAAG,UAG7B,eAAC,IAAD,CACEW,GAAG,WACHd,aAAa,OACbjD,MAAM,QACNtB,SAAS,KACTkI,GAAI,CAAEvC,KAAM,OAAQ3C,GAAI,WACxBmF,OAAO,iBANT,UAQE,cAAC,IAAD,CAAc9C,GAAG,aACjB,cAAC,IAAD,UACE,cAAC,IAAD,UAAOuC,YAIX,S,QCrDKpI,cAAc,iBAAkB,CAC7C,OAEA,gBACA,WACA,WACA,WAEA,aACA,eACA,WAEA,eACA,gBACA,mBACA,aACA,oBCHW4I,EAAmD,SAAC,GAO1D,IANU1I,EAMX,EANJ,eACO2I,EAKH,EALJzI,MACA0I,EAII,EAJJA,cACApK,EAGI,EAHJA,QACAzE,EAEI,EAFJA,KACAmO,EACI,EADJA,KAEA,OACE,eAAC,IAAD,CAAO,cAAalI,EAAYuG,QAAS,EAAzC,UACE,cAAC,EAAD,CAAe2B,KAAMA,EAAMnO,KAAMA,IACjC,cAAC,IAAD,CAAY8O,SAAUD,EAAe1I,MAAOyI,EAA5C,SACE,cAAC,IAAD,CAAOpC,QAAS,EAAhB,SACG/H,EAAQ9B,KAAI,gBAAGoM,EAAH,EAAGA,QAAS5I,EAAZ,EAAYA,MAAZ,OACX,cAAC,IAAD,CAAmBA,MAAOA,EAA1B,SACE,cAAC,IAAD,CACE0B,MAAM,WACN,cAAa/B,EAAQkJ,WACrB,aAAY7I,EACZ8I,aAAW,EAJb,SAMGF,KAPO5I,c,iCCrBX+I,GAAe,mBACzBC,IAAkBC,QAAU,OADH,cAEzBD,IAAkBE,SAAW,OAFJ,cAGzBF,IAAkBG,eAAiB,gBAHV,cAIzBH,IAAkBI,gBAAkB,gBAJX,cAKzBJ,IAAkBK,cAAgB,kBALT,cAMzBL,IAAkBM,aAAe,mBANR,GCRfC,EAAQ,SAAC/J,GACpB,IAAMgK,EAASC,SAASjK,GAExB,MAAoB,QAAhB,UAAGgK,GACE,EAGFA,GAGIE,EAAkB,SAC7BC,GAEA,OAAKA,EAEEC,mBAAmBD,GAAaE,MAAM,KAFpB,ICgBrBC,EAAqBpD,6BAAuCxF,GAMrD6I,EAAiB,WAC5B,IAAMC,EAAQrD,qBAAWmD,GAEzB,IAAKE,EACH,MAAM,IAAIC,MAAJ,kEAKR,OAAOD,GAGIE,EAAyC,SAAC,GAAkB,IAAD,QAAf1P,EAAe,EAAfA,SACjD2P,EAAclN,cAEdmN,EAASb,EAAK,UAACY,EAAYrL,IAAIC,IAAasL,eAA9B,QAAyC,KAEvDxI,EAAQ+H,mBAAkB,UAC9BO,EAAYrL,IAAIC,IAAauL,qBADC,QACgB,IAG1C9G,EAAwBkG,EAC5BS,EAAYrL,IAAIC,IAAaoF,YAEzBoG,EAAWJ,EAAYrL,IAAIC,IAAayL,MACxCrF,EAAOhI,mBAAQ,kBAAMuM,EAAgBa,KAAW,CAACA,IAEjDE,EAAeN,EAAYrL,IAAIC,IAAa2L,UAC5C3O,EAAWoB,mBAAQ,kBAAMuM,EAAgBe,KAAe,CAACA,IAEzDzG,EAAI,UAAImG,EAAYrL,IAAIC,IAAa4L,aAAjC,aAA0CzJ,EAI9CsB,EAAO,UACV2H,EAAYrL,IAAIC,IAAa6L,iBADnB,aAC4C1J,EAEnD2J,EAAgBV,EAAYrL,IAAIC,IAAa+L,WAC7CC,EAAWF,EAAgBtB,EAAMsB,QAAiB3J,EAElD8J,EAAYC,YAAiB,CACjCC,gBAAiBH,EACjBI,eAAgB3I,EAChB4I,gBAAiBrP,EACjBsP,iBAAkB7H,EAClB8H,aAAczJ,EACd0J,YAAavH,EACbwH,YAAarG,IAwBf,OArBAtK,qBAAU,WACJgH,IAAUmJ,EAAUnJ,OACtBmJ,EAAUS,SAAS5J,KAGpB,CAACA,IAEJhH,qBAAU,WACJkB,EAAS2P,MAAK,SAACC,GAAD,OAAQX,EAAUjP,SAASwI,SAASoH,OACpDX,EAAUY,YAAY7P,KAGvB,CAACA,IAEJlB,qBAAU,WACJsK,EAAKuG,MAAK,SAACG,GAAD,OAAQb,EAAU7F,KAAKZ,SAASsH,OAC5Cb,EAAUc,QAAQ3G,KAGnB,CAACA,IAGF,cAAC2E,EAAmBhD,SAApB,CACE9G,MAAO,CACL+L,MF1GQ,GE2GR3B,SACAvI,QACAmJ,aALJ,SAQGxQ,KCpGMwR,EAA+B,WAAO,IAAD,EAChD,EACEjC,IAAiBiB,UADXxI,EAAR,EAAQA,QAASyJ,EAAjB,EAAiBA,WAAYlB,EAA7B,EAA6BA,SAAUmB,EAAvC,EAAuCA,YAEjClB,EAAYmB,cAGZC,EAAajP,mBAAQ,WACzB,IAAMkP,EAAWrB,EAAUsB,oBACrBhO,EAAUsF,OAAOE,QAAQuI,GAAU3Q,QAAO,SAAC6Q,EAAD,GAAyB,IAAD,mBAAhB1S,EAAgB,KAAVY,EAAU,KACtE,OAAIA,EAAK+R,SAAW,EACXD,EAGF,2BACFA,GADL,kBAEG1S,EAFH,aAGI+O,QAAS6D,IAAiB5S,GAC1BmG,MAAOnG,GACJY,OAGN,IAEH,OAAOmJ,OAAOC,KAAKvF,GAAS7C,OAAU6C,OAAyB4C,IAC9D,CAAC8J,IAEE0B,EAAgBvP,mBAAQ,WAAO,IAAD,EAClC,GAAKiP,GAAe5J,EAApB,CACA,IAAMmK,EAAa,UAAGP,EAAW5J,UAAd,aAAG,EAAqBmK,cAE3C,GAAKA,EAEL,OAAO,YAAIA,GACR3I,MAAK,SAAC4I,EAAGC,GAAJ,OAAUD,EAAIC,KACnBrQ,KAAI,SAACwD,GAAD,MAAY,CACfA,MAAOA,EAAMX,WACbuJ,QAAQ,GAAD,OAAK6D,IAAiBjK,GAAtB,aAAmCxC,UAE7C,CAACoM,EAAY5J,IAEhB,IAAK4J,EACH,OAAO,KAoBT,OACE,qCACE,cAAC,EAAD,CACE,cAAazM,EAAQmN,cACrB9E,KAAK,8HACLnO,KAAK,WACL6O,cAvBkB,SAACqE,GACvB,IAAMC,EAAMD,EACZb,OAAYhL,GACZ+K,EAAWc,EAAOC,OAAM9L,IAqBpB5C,QAAO,CACL,CAAEsK,QAAS,eAAgB5I,MAAO,KAD7B,mBAEF4D,OAAOqJ,OAAOb,KAEnBpM,MAAK,OAAEwC,QAAF,IAAEA,IAAW,QAGhBkK,GAAiBA,EAAcjR,OAAS,IAC1C,cAAC,EAAD,CACE,cAAakE,EAAQuN,iBACrBlF,KAAK,4GACLnO,KAAK,oBACL6O,cA9BiB,SAACyE,GACxB,GAAKA,EAAL,CAKA,IAAMC,EAAW3D,SAAS0D,EAAO,IAEjCjB,EAAYkB,QANVlB,OAAYhL,IA6BR5C,QAAO,CACL,CAAEsK,QAAS,oBAAqB5I,MAAO,KADlC,mBAEF0M,IAEL1M,MAAK,iBAAE+K,QAAF,IAAEA,OAAF,EAAEA,EAAU1L,kBAAZ,QAA0B,S,2CClDnCgO,EAAqD,SAAC,GAAD,IACzDzE,EADyD,EACzDA,QACA5I,EAFyD,EAEzDA,MACAE,EAHyD,EAGzDA,WACAoN,EAJyD,EAIzDA,aACAC,EALyD,EAKzDA,UACA5E,EANyD,EAMzDA,SANyD,OAQzD,cAAC,IAAD,CACE4E,UAAWA,EACXrN,WAAYA,EAEZyI,SAAUA,EAJZ,SAME,cAAC,IAAD,CACE1I,UAAQ,EACRC,YAAaA,IAAeoN,EAC5B/Q,MAAO+Q,EACPnN,UAAU,QAJZ,SAME,cAAC,IAAD,CACEuB,MAAM,WACN,cAAa/B,EAAQkJ,WACrB,aAAY7I,EACZ8I,aAAW,EAJb,SAMGF,OAfA5I,IAqBIwN,EAAyD,SAAC,GAQhE,IAPU1N,EAOX,EAPJ,eACA2N,EAMI,EANJA,iBACAzF,EAKI,EALJA,KACAnO,EAII,EAJJA,KACAyE,EAGI,EAHJA,QACQoP,EAEJ,EAFJT,OACAvE,EACI,EADJA,cAEMiF,EAAWC,cAEXC,EAAc,SAAC7N,GAAD,OAAmB,WACrC0I,EAAc1I,KAGZ8N,EAA6BxP,EAC7ByP,EAAmC,GAEnCN,IACFK,EAAaxP,EAAQ8G,MAAM,EAAGqI,GAC9BM,EAAmBzP,EAAQ8G,MAAMqI,EAAkBnP,EAAQ7C,SAG7D,IAAMuS,EAAeD,EAAiBtS,OAAS,EAE/C,OACE,eAAC,IAAD,CAAM,cAAaqE,EAAYkG,UAAU,SAAzC,UACE,cAAC,EAAD,CAAegC,KAAMA,EAAMnO,KAAMA,IACjC,eAAC,IAAD,CAAOoU,GAAI,EAAG5H,QAAS,EAAvB,UACGyH,EAAWtR,KAAI,SAAC0R,GAAD,OACd,wBAAC,EAAD,2BACMA,GADN,IAEEX,UAAWG,EAAcnJ,SAAS2J,EAAKlO,OACvC1C,IAAK4Q,EAAKlO,MACV2I,SAAUkF,EAAYK,EAAKlO,aAG9BgO,GACC,cAAC,IAAD,CAAUG,gBAAc,EAACC,GAAIT,EAASU,OAAQC,eAAa,EAA3D,SACE,cAAC,IAAD,CAAOjI,QAAS,EAAhB,SACG0H,EAAiBvR,KAAI,SAAC0R,GAAD,OACpB,wBAAC,EAAD,2BACMA,GADN,IAEEX,UAAWG,EAAcnJ,SAAS2J,EAAKlO,OACvC1C,IAAK4Q,EAAKlO,MACV2I,SAAUkF,EAAYK,EAAKlO,oBAOtCgO,GACC,cAAC,IAAD,CAAMnL,MAAM,QAAQoL,GAAI,EAAxB,SACE,cAAC,IAAD,CACEvM,MAAM,WACNS,WAAW,SACXoM,SAAUZ,EAASU,OAAS,cAAC,IAAD,IAAoB,cAAC,IAAD,IAChDG,QAASb,EAASc,SAClB/K,KAAK,KACLgL,UAAU,OACVpJ,QAAQ,OACRR,EAAE,OARJ,SAUG6I,EAASU,OAAT,8BAC0BP,EAAWrS,OADrC,kCAEyBsS,EAAiBtS,OAF1C,aC5IAkT,EAAoC,WAC/C,MAAkC5E,IAAiBiB,UAA3CjP,EAAR,EAAQA,SAAU6P,EAAlB,EAAkBA,YACZgD,EAAazC,cAAoBpQ,SAUjC8S,EAAiB1R,mBAAQ,WAC7B,IAAM2R,EAAc,YAAIF,EAAW9K,WAChCE,MAAK,cACJ,OADgC,wCACP,GAAK,KAE/B5H,QAAO,gBAAEE,EAAF,2BAAgBP,EAASwI,SAASjI,MACzCE,KAAI,gBAAEF,EAAF,0BAAgB,CACnBsM,QAAStM,EACT0D,MAAO1D,MAER8I,MAAM,EAAG,IAEN2J,EAAuBhT,EAASK,QACpC,SAACuP,GAAD,OAAQmD,EAAYpD,MAAK,SAACsD,GAAD,OAASA,EAAIhP,QAAU2L,QAGlD,MAAM,GAAN,mBACKoD,EAAqBvS,KAAI,SAACmP,GAAD,MAAQ,CAAE/C,QAAS+C,EAAG3L,MAAO2L,OAD3D,YAEKmD,MAEJ,CAACF,EAAY7S,IAEhB,OACE,cAAC,EAAD,CACE,cAAa4D,EAAQsP,gBACrBjH,KAAK,sJACLyF,iBAAkB,EAClB5T,KAAK,WACL6O,cApCoB,SAACpM,GACvBsP,EACE7P,EAASwI,SAASjI,GACdP,EAASK,QAAO,SAACuP,GAAD,OAAOA,IAAMrP,KADjC,sBAEQP,GAFR,CAEkBO,MAiClBgC,QAASuQ,EACT5B,OAAQlR,K,SCtCRmT,EAAkBtL,OAAOE,QAAQ+D,KACpCrL,KAAI,mCAAEc,EAAF,KAAO0C,EAAP,yBACH4I,QAAS5I,EACTA,MAAO1C,GACHS,IAAyBnB,IAAIU,GAC7B,CAAE4C,YAAY,GACd,CACEA,YAAY,EACZoN,aAAa,GAAD,OACVzF,IAAkBvK,GADR,iCAKnB0G,MAAK,SAACmL,EAAIC,GAET,OAAOD,EAAGjP,WAAakP,EAAGlP,WAAa,GAAK,KAGnCmP,EAAoC,WAC/C,MAAoCtF,IAAiBiB,UAA7CxH,EAAR,EAAQA,UAAW8L,EAAnB,EAAmBA,aAYnB,OACE,cAAC,EAAD,CACE,cAAa3P,EAAQsP,gBACrBjH,KAAK,gHACLnO,KAAK,uBACL6O,cAfsB,SAAC5K,GACzB,IAAMoB,EAAWpB,EAEjBwR,EACE9L,EAAUe,SAASrF,GACfsE,EAAUpH,QAAO,SAACmT,GAAD,OAAOA,IAAMrQ,KADlC,sBAEQsE,GAFR,CAEmBtE,MAUnBZ,QAAS4Q,EACTjC,OAAQzJ,K,SCtCDgM,EAA+B,WAAO,IAAD,IAK1CC,GAJc,oBAClBpS,YAAe,sBADG,aAClB,EAA+BjB,QAAO,SAACR,GAAD,OAASS,QAAQT,EAAI8T,wBADzC,QAElB,IAEmDhU,QACnD,SAACC,EAAqBC,GAAyC,IAAD,EAE7C,EADT+T,EAAS,UAAG/T,EAAI8T,oBAAP,aAAG,EAAkBE,QACpC,OAAID,EACK,2BACFhU,GADL,kBAEGgU,EAFH,gCAEoBhU,EAAMgU,UAF1B,QAEwC,IAFxC,CAE6C/T,MAGxCD,IAET,IAGF,EAA0BoO,IAAiBiB,UAAnC7F,EAAR,EAAQA,KAAM2G,EAAd,EAAcA,QAER+D,EAAe,SAACjU,GACpBkQ,EACE3G,EAAKZ,SAAS3I,GAAOuJ,EAAK/I,QAAO,SAACyP,GAAD,OAAOA,IAAMjQ,KAA9C,sBAAyDuJ,GAAzD,CAA+DvJ,MAInE,OACE,mCACGgI,OAAOE,QAAQ2L,GAAiBjT,KAAI,YAAwB,IAAD,mBAArBzB,EAAqB,KAAd+U,EAAc,KAC1D,OACE,cAAC,EAAD,CAEEjW,KAAMkB,EACN2N,cAAemH,EACfvR,QAASwR,EAAStT,KAAI,SAACZ,GACrB,MAAO,CACLgN,QAAShN,EAAI8T,aAAc9G,QAC3B5I,MAAOpE,EAAIa,OAGfwQ,OAAQ9H,GATHpK,SC9BXgV,EAAa,UAKNC,EAAmD,WAC9D,OACE,cAACC,EAAA,EAAD,CACEtL,aAAa,OACbgB,UAAU,OACV,cAAahG,EAAQuQ,aACrBtH,QAAS,CAAE7C,KAAM,OAAQ3C,GAAI,QAC7B+M,KAAI,uBAAkBJ,EAAlB,eACJK,KAAK,QACLC,KAAK,OACLC,SAAS,cACTpK,EAAG,EACHqK,IAAI,SACJC,IAAKT,EACL1P,OAAO,SAZT,SAcE,eAAC,IAAD,CAAOqB,MAAM,WAAWkD,EAAE,cAAcyB,QAAS,EAAGmK,IAAK,EAAzD,UACE,cAAC,IAAD,CAAStO,GAAG,KAAKwB,KAAK,KAAtB,qBAIA,cAAC,EAAD,IAEA,cAAC,EAAD,IAEA,cAAC,EAAD,IAEA,cAAC,EAAD,U,yBCtCF+M,EAAS,eACZ/Q,IAAgBmH,MCFkD,SAAC,GAE/D,IADL6J,EACI,EADJA,MAEA,OACE,cAAC,IAAD,CAAOrK,QAAS,EAAhB,SACGqK,EAAMlU,KAAI,SAACyI,GAAD,OACT,cAAC2B,EAAA,EAAD,CAEE3B,IAAKA,EACLK,QAAS5F,IAAgBmH,MAH3B,UACU5B,EAAIpL,KADd,YACsBoL,EAAI1C,kBDQrBoO,EAAmDC,gBAC9D,YAKO,IAAD,IAJJC,gBAII,MAJOnR,IAAgBmH,KAIvB,EAHJ6J,EAGI,EAHJA,MAIA,GADI,EAFJI,UAGgBJ,EACd,OACE,cAAC,IAAD,UACE,cAAC,IAAD,CAAShN,KAAK,SAKpB,IAAMqN,EAAON,EAAUI,GAEvB,OAAO,cAACE,EAAD,CAAML,MAAOA,OAIxBC,EAAYrJ,YAAc,c,yCE9Bb0J,GAAmD,SAAC,GAK1D,IAJUlR,EAIX,EAJJ,eACM2E,EAGF,EAHJC,KACA0F,EAEI,EAFJA,OACA6G,EACI,EADJA,WAIMC,EAAQ,CACZ,aAHS,eAAW9G,EAAX,SAITzF,aAAc,KACdwM,YAAa,WACbhJ,YAAa,OACb,cAAerI,EACf4E,KAAM,cAACD,EAAD,CAAM/C,MAAM,WAAWkD,EAAG,EAAGE,EAAG,IACtCwD,GAAI,EACJ1D,EAAG,GACHE,EAAG,GACHQ,QAAS,WAGX,YAAepE,IAAXkJ,EACK,cAAC,IAAD,2BAAgB8G,GAAhB,IAAuBhP,GAAIS,KAAMhB,GAAIsP,EAAW,CAAE7G,cAGpD,cAAC,IAAD,2BAAgB8G,GAAhB,IAAuBE,UAAQ,M,UCnB3BC,GAA6C,SAAC,GAKpD,IAJUvR,EAIX,EAJJ,eACAwR,EAGI,EAHJA,UACAlH,EAEI,EAFJA,OACA6G,EACI,EADJA,WAEA,EAAoChS,oBAAUmL,EAAS,GAAG/K,YAA1D,mBAAOkS,EAAP,KAAmBC,EAAnB,KACQzU,EAAS4B,cAAT5B,KAERlC,qBAAU,WACR2W,GAAepH,EAAS,GAAG/K,cAC1B,CAAC+K,IAYJ,OACE,eAAC,IAAD,CAAMvH,MAAM,SAASX,GAAG,OAAOoG,GAAI,EAAGmJ,SANa,SAACC,GACpDA,EAAEC,iBACF5U,EAAKkU,EAAW,CAAE7G,OAAQX,SAAS8H,GAAc,MAIjD,UACE,cAAC,KAAD,CACEpJ,YAAY,OACZ,cAAarI,EACb8E,EAAG,GACHgN,IAAKN,EAAY,EACjBO,IAAK,EACLhY,KAAK,OACL8O,SAnBgB,SAAC+I,GACrBA,EAAEC,iBACFH,EAAeE,EAAEI,OAA4B9R,QAkBzCkG,EAAG,EACHwI,UAAU,SACV3B,KAAK,SACL/M,MAAOuR,EACPzM,EAAG,KAEL,eAAC,IAAD,CAAMuD,GAAI,EAAGvD,EAAE,cAAf,gBACMwM,EAAY,SC5CXS,GAAqD,SAAC,GAI5D,IAHL3H,EAGI,EAHJA,OACA6G,EAEI,EAFJA,WACAK,EACI,EADJA,UAEMU,EAAa5H,EAASkH,EAAYlH,EAAS,OAAIlJ,EAC/C+Q,EAAa7H,EAAS,EAAIA,EAAS,OAAIlJ,EAE7C,OACE,eAAC,IAAD,CACE2B,MAAM,SACNmD,UAAU,MACVC,QAAQ,gBACRmK,KAAK,QACL9H,GAAG,OACHjC,QAAS,EACTvB,EAAE,OAPJ,UASE,cAAC,GAAD,CACE,cAAanF,EAAQuS,SACrBjB,WAAYA,EACZvM,KAAMyN,IACN/H,OAAQ6H,IAEV,cAAC,GAAD,CACE,cAAatS,EAAQyS,SACrBnB,WAAYA,EACZ7G,OAAQA,EACRkH,UAAWA,IAEb,cAAC,GAAD,CACE,cAAa3R,EAAQ0S,SACrBpB,WAAYA,EACZvM,KAAM4N,IACNlI,OAAQ4H,QCnCVO,GAAwB,SAAC,GAAD,IAAG/X,EAAH,EAAGA,SAAH,OAC5B,cAAC,IAAD,CAAM0H,GAAG,SAASR,MAAM,WAAxB,SACGlH,KAICgY,GAID,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,MAAOC,EAAkB,EAAlBA,MAAOC,EAAW,EAAXA,KACpB,OAAKF,GAASE,GAAQD,EAElB,qCACE,cAAC,GAAD,UAAKA,IADP,OACsB,cAAC,GAAD,UAAKA,OAM7B,qCACE,eAAC,GAAD,WACGA,EAAQD,EAAQ,EAAIC,EADvB,MACiCC,EAAOD,EAAQA,EAAQC,KAClD,IAHR,MAIK,cAAC,GAAD,UAAKD,QAKDE,GAAuD,SAAC,GAM9D,IALL7G,EAKI,EALJA,MACA3B,EAII,EAJJA,OACAsI,EAGI,EAHJA,MACAG,EAEI,EAFJA,SACAhR,EACI,EADJA,MAEM4Q,EAAQ1G,EAAQ3B,EAChBuI,EAAOF,EAAQ1G,EACf+G,EAAaJ,EAAQ,EAE3B,OACE,eAAC,IAAD,CAAM,cAAa/S,EAAQoT,cAA3B,UACGD,EACC,mDACa,cAAC,GAAD,CAAOJ,MAAOA,EAAOD,MAAOA,EAAOE,KAAMA,IAAS,IAC5DE,EAAW,iBAAmB,gBAGjC,mCAAGA,EAAW,+BAAiC,wBAEhDhR,GACC,qCACG,QACD,cAAC,GAAD,UAAKA,OAZX,KAeKiR,GAAcD,GAAY,kE,UC9DtBG,GAAgC,WAC3C,MAA0BjJ,IAAiBiB,UAAnChH,EAAR,EAAQA,KAAMiP,EAAd,EAAcA,QAMd,OACE,cAAC,EAAD,CACEjL,KAAK,mCACLnO,KAAK,YACL6O,cARiB,SAACwK,GACpBD,EAAQC,QAA2ChS,IAQjD5C,QAAO,CACL,CAAEsK,QAAS,YAAa5I,MAAO,KAD1B,mBAEF4D,OAAOE,QAAQiF,GAAiBvM,KAAI,mCAAEwD,EAAF,WAAuB,CAC5D4I,QADqC,KAErC5I,cAGJA,MAAK,OAAEgE,QAAF,IAAEA,IAAQ,MCHRmP,GAAyC,WACpD,IAAMC,EAASxF,cACf,OACE,qCACE,cAAC,IAAD,CACEzF,YAAY,OACZS,QAAS,CAAExF,GAAI,QACfoL,QAAS4E,EAAOC,OAChBC,UAAW,cAAC,IAAD,IACXhO,QAAQ,OALV,iCASA,eAAC,KAAD,2BAAY8N,GAAZ,IAAoBjT,UAAU,SAA9B,UACE,cAAC,KAAD,IAEA,eAAC,KAAD,CAAeuB,MAAM,WAAWyO,KAAK,OAArC,UACE,cAAC,KAAD,CAAcoD,aAAa,OAA3B,iCAEA,cAAC,KAAD,IAEA,cAAC,KAAD,UACE,eAAC,IAAD,CAAO7R,MAAM,WAAW8R,GAAI,EAAGnN,QAAS,EAAxC,UACE,cAAC,GAAD,IAEA,cAAC,EAAD,IAEA,cAAC,EAAD,IAEA,cAAC,EAAD,IAEA,cAAC,EAAD,oB,UCrCDoN,GAA8B,WACzC,IAAQzI,EAAcjB,IAAdiB,UACAhH,EAAkBgH,EAAlBhH,KAAMiP,EAAYjI,EAAZiI,QAERS,EAAW1P,EAAO+E,EAAgB/E,GAAQ,YAEhD,OACE,eAAC,IAAD,CAAMnB,MAAM,SAAZ,UACE,cAAC,IAAD,wBACA,eAAC,KAAD,WACE,cAAC,KAAD,CACEX,GAAIyR,IACJjS,MAAM,WACN,cAAa/B,EAAQiU,WACrBvL,GAAI,EACJwL,GAAI,EACJC,GAAI,EACJC,GAAI,EACJT,UAAW,cAAC,IAAD,IACXhO,QAAQ,OATV,SAWGoO,IAEH,eAAC,KAAD,CAAU,cAAa/T,EAAQqU,aAAc3D,KAAK,MAAMhQ,OAAO,SAA/D,UACE,cAAC,KAAD,CACE,cAAaV,EAAQsU,SACrB,aAAW,GAEXzF,QAAS,kBAAMyE,OAAQ/R,IAJzB,sBAGM,aAKL0C,OAAOE,QAAQiF,GAAiBvM,KAAI,mCAAEwD,EAAF,KAAS4I,EAAT,YACnC,cAAC,KAAD,CACE,cAAajJ,EAAQsU,SACrB,aAAYjU,EAEZwO,QAAS,kBAAMyE,EAAQjT,IAJzB,SAMG4I,GAHI5I,gBCrCNkU,GAAmC,WAC9C,IAAMC,EAAgBC,kBAAO,GACrBrX,EAAS4B,cAAT5B,KAER,EAA4CgN,IAApClI,EAAR,EAAQA,MAAOmJ,EAAf,EAAeA,UAAWZ,EAA1B,EAA0BA,OAAQ2B,EAAlC,EAAkCA,MAC1BhQ,EACNiP,EADMjP,SAAUyH,EAChBwH,EADgBxH,UAAWQ,EAC3BgH,EAD2BhH,KAAMxB,EACjCwI,EADiCxI,QAASuI,EAC1CC,EAD0CD,SAAUsJ,EACpDrJ,EADoDqJ,SAAUlP,EAC9D6F,EAD8D7F,KAGhE,EAAqCmP,aAAkB,CACrDlK,SACA2B,QACAlK,QACA9F,WACAyH,YACAuH,WACAvI,UACAwB,OACAmB,SATM/K,EAAR,EAAQA,KAAMkX,EAAd,EAAcA,UAAWiD,EAAzB,EAAyBA,QAYnBC,EAAS,SACb3V,GACI,IAAD,IACH,OAAO+C,aAAc,CACnBmJ,WACAvI,UACAzG,WACA8F,MAAK,UAAGhD,EAAO4V,SAAV,QAAe5S,EACpB2B,YACAQ,OACAoG,OAAM,UAAEvL,EAAOuL,cAAT,QAAmBA,EACzBjF,UAqCJ,OAhCAtK,qBAAU,WAEJ0Z,EAAQ9Y,SAAW2O,EAAS,GAAKA,EAASkH,IAG1CvU,EAAKyX,EADHpK,EAAS,EACC,CAAEA,OAAQ,GAGV,CAAEA,OAAQkH,OAIzB,CAACiD,EAASnK,EAAQkH,IAKrBzW,qBAAU,WACJsZ,EAAcO,QAChBP,EAAcO,SAAU,EAGxBL,EAAS,CAAEzV,SAAS,MAGrB,CAACoF,EAAMjI,EAAUyH,EAAWhB,EAASuI,EAAU5F,IAGlDtK,qBAAU,WACR8Z,OAAOC,SAAS,EAAG,KAClB,CAACxa,IAGF,cAACE,EAAA,EAAD,CACEG,KAAM,CACJM,MAAO8G,GAAS,SAChB7G,YAAa6G,EAAK,UACX0S,EAAQ9Y,OADG,wBACmBoG,EADnB,qBAEd,yDAENnH,SAAS,SAPX,SASE,eAAC,IAAD,CAAOsL,UAAU,SAASoK,KAAK,QAAQoD,GAAI,EAAGqB,GAAI,EAAGxO,QAAS,EAA9D,UACE,cAACyO,GAAA,EAAD,CACErP,GAAG,QACHkD,SAAUqC,EAAU+J,cACpBtD,SAAU,SAACC,GACT1G,EAAUiI,aAAQ/R,GAClB8J,EAAUyG,SAASC,IAErB1R,MAAOgL,EAAUnJ,QAGnB,eAAC,IAAD,CACEgB,MAAO,CAAEkD,KAAM,QAAS1C,GAAI,UAC5B2C,UAAW,CAAED,KAAM,iBAAkB1C,GAAI,OACzC4C,QAAS,CAAEF,KAAM,UAAW1C,GAAI,iBAChCgD,QAAS,EAJX,UAME,cAAC,GAAD,CACEqM,MAAO6B,EAAQ9Y,OACfoX,WAAYhR,EACZkK,MAAOA,EACP3B,OAAQA,EACRvI,MAAOA,IAGT,cAAC,IAAD,CAAK+G,QAAS,CAAE7C,KAAM,OAAQ3C,GAAI,WAAlC,SACE,cAAC,GAAD,MAGF,cAAC,IAAD,CAAKwF,QAAS,CAAExF,GAAI,QAApB,SACE,cAAC,GAAD,SAIJ,cAACuN,EAAD,CAAaD,MAAOtW,IAEpB,cAAC,IAAD,CAAK0K,EAAE,OAAP,SACE,cAAC,GAAD,CACEmM,WAAYuD,EACZpK,OAAQA,EACRkH,UAAWA,YC7HV0D,GAAoC,WAC/C,OACE,cAAC,EAAD,UACE,cAAC1a,EAAA,EAAD,CACEG,KAAM,CACJM,MAAO,yBACPC,YACE,4DAEJN,SAAS,SANX,SAQE,eAAC,IAAD,CACE,cAAaiF,EAAQvF,KACrBgM,IAAK,EACLxB,EAAE,OACFwL,KAAK,OACLyE,GAAI,CAAE9O,KAAM,EAAG3C,GAAI,GACnB2Q,GAAI,EACJjO,gBAAiB,CAAEC,KAAM,MAAO3C,GAAI,YACpC6R,aAAa,MARf,UAWE,cAAC,EAAD,IAGA,cAAC,GAAD","file":"static/js/8.ba53b356.chunk.js","sourcesContent":["export const pageInfo = {\n  contribute: {\n    event: {\n      name: \"Contribute Load\",\n    },\n  },\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\n// Should be the same as the \"real\" CSP, except most things come from HTTP\n// instead of HTTPS (because it is protocol-relative, and the dev site is\n// served over plain HTTP).\nconst csp = [\n  \"default-src 'self' 'unsafe-inline' http://*.awsstatic.com;\",\n  \"connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"frame-src http://aws.demdex.net http://dpm.demdex.net;\",\n  \"img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"object-src 'none';\",\n  \"style-src 'self' 'unsafe-inline';\",\n].join(\" \");\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta content={csp} httpEquiv=\"Content-Security-Policy\" />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { PackageHighlight, PackageTagConfig } from \"../api/config\";\nimport { KEYWORD_IGNORE_LIST } from \"../constants/keywords\";\n\nexport interface TagObject extends PackageTagConfig {}\n\n/**\n * Reduces package tags to only return highlight tags\n */\nexport const highlightsFrom = (packageTags?: PackageTagConfig[]) => {\n  if (!packageTags || packageTags.length < 1) return [];\n\n  return packageTags.reduce(\n    (accum: PackageHighlight[], tag: PackageTagConfig): PackageHighlight[] => {\n      if (tag.highlight) {\n        return [...accum, tag.highlight];\n      }\n\n      return accum;\n    },\n    []\n  );\n};\n\n/**\n * Maps packageTags to an array of TagObjects, which can be rendered by the PackageTags Component\n */\nexport const mapPackageTags = (\n  packageTags?: PackageTagConfig[]\n): TagObject[] => {\n  return (packageTags ?? [])\n    .filter((tag) => {\n      return Boolean(tag.keyword?.label);\n    })\n    .map((tag) => ({\n      ...tag,\n      id: tag.keyword?.label!,\n    }));\n};\n\n/**\n * Maps keywords to an array of TagObjects, which can be rendered by the PackageTags component\n */\nexport const mapPackageKeywords = (keywords?: string[]): TagObject[] => {\n  if (!keywords || keywords.length < 1) return [];\n\n  return keywords\n    .filter((label) => Boolean(label) && !KEYWORD_IGNORE_LIST.has(label))\n    .map((label) => ({\n      id: label,\n      keyword: {\n        label,\n      },\n    }));\n};\n\n/**\n * Maps packageTags and keywords to a list of TagObjects, using mapPackageTags and mapPackageKeywords\n */\nexport const tagObjectsFrom = ({\n  packageTags,\n  keywords,\n}: {\n  packageTags?: PackageTagConfig[];\n  keywords?: string[];\n}): TagObject[] => {\n  const tagObjects = new Array<TagObject>();\n  const tagLabels = new Set<string>();\n\n  for (const tag of [\n    ...mapPackageTags(packageTags),\n    ...mapPackageKeywords(keywords),\n  ]) {\n    const label = tag.keyword!.label.toLowerCase();\n    if (!tagLabels.has(label)) {\n      tagObjects.push(tag);\n      tagLabels.add(label);\n    }\n  }\n\n  return tagObjects;\n};\n","import { useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport const useQueryParams = () => {\n  const { search } = useLocation();\n\n  return useMemo(() => new URLSearchParams(search), [search]);\n};\n","import type { Config } from \"../../api/config\";\nimport { useConfig } from \"../../contexts/Config\";\n\nexport const useConfigValue = <T extends keyof Config>(key: T) => {\n  const { data } = useConfig();\n  return (data ?? {})[key];\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useLocation, useHistory } from \"react-router-dom\";\nimport { Language, TEMP_SUPPORTED_LANGUAGES } from \"../../constants/languages\";\nimport { QUERY_PARAMS } from \"../../constants/url\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\n\n// Only supported language atm\nconst defaultLang = Language.TypeScript;\n\nconst LOCAL_KEY = \"preferred-language\";\n\nconst isValidLang = (lang?: string | Language): lang is Language =>\n  lang != null && TEMP_SUPPORTED_LANGUAGES.has(lang as Language);\n\nconst getInitialLang = (langFromParams: string | Language): Language => {\n  // First, use language from query params in url\n  if (isValidLang(langFromParams)) {\n    return langFromParams;\n  }\n\n  // Next check for one stored in localStorage\n  try {\n    const storedLang = (localStorage.getItem(LOCAL_KEY) ?? \"\") as Language;\n    if (isValidLang(storedLang)) return storedLang;\n  } catch {\n    // Do nothing, we just don't want to crash if localStorage access is blocked.\n  }\n\n  // Otherwise fallback to a default\n  return defaultLang;\n};\n\nexport interface UseLanguageOptions {\n  /**\n   * Syncs the preferred language to a query param in URL\n   */\n  updateUrl?: boolean;\n  /**\n   * Saves the selected language to localStorage on select\n   */\n  updateSaved?: boolean;\n}\n\nexport const useLanguage = (options: UseLanguageOptions = {}) => {\n  const { updateUrl, updateSaved } = options;\n  const { pathname, hash } = useLocation();\n  const { replace } = useHistory();\n  const params = useQueryParams();\n  const langFromParams = params.get(QUERY_PARAMS.LANGUAGE) as Language;\n\n  // Passed as function to guarantee it runs on hook mount\n  const [language, setLanguage] = useState<Language>(() =>\n    getInitialLang(langFromParams)\n  );\n\n  // State subscribes to query param changes\n  useEffect(() => {\n    if (isValidLang(langFromParams) && langFromParams !== language) {\n      setLanguage(langFromParams);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [langFromParams]);\n\n  // Syncs language changes to URL if updateUrl = true\n  useEffect(() => {\n    if (langFromParams !== language && updateUrl) {\n      params.set(QUERY_PARAMS.LANGUAGE, language);\n      replace({ pathname, hash, search: params.toString() });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [language, updateUrl]);\n\n  const update = useCallback(\n    (val: Language) => {\n      setLanguage(val);\n\n      if (updateSaved) {\n        try {\n          localStorage.setItem(LOCAL_KEY, val);\n        } catch {\n          // OK to fail silently\n        }\n      }\n    },\n    [updateSaved]\n  );\n\n  return useMemo(() => [language, update] as const, [language, update]);\n};\n","export enum PackageCardType {\n  Wide = \"wide\",\n}\n","import { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"packageCard\", [\n  \"author\",\n  \"description\",\n  \"downloads\",\n  \"languages\",\n  \"published\",\n  \"title\",\n  \"version\",\n  \"comment\",\n  \"wideContainer\",\n] as const);\n\nexport default testIds;\n","import { Text, Tooltip } from \"@chakra-ui/react\";\nimport { formatDistanceToNowStrict } from \"date-fns\";\nimport { FunctionComponent, ReactChild } from \"react\";\nimport { useStats } from \"../../contexts/Stats\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\nimport { Time } from \"../Time\";\nimport { usePackageCard } from \"./PackageCard\";\nimport testIds from \"./testIds\";\n\ninterface DetailProps {\n  \"data-testid\": string;\n\n  tooltip?: string;\n  value: ReactChild;\n}\n\nconst Detail: FunctionComponent<DetailProps> = ({\n  \"data-testid\": dataTestid,\n  tooltip,\n  value,\n}) => (\n  <Tooltip hasArrow isDisabled={!tooltip} label={tooltip} placement=\"left\">\n    {/* zIndex required to allow tooltip to display due to card link overlay */}\n    <Text data-testid={dataTestid} fontSize=\"xs\" zIndex={1}>\n      {value}\n    </Text>\n  </Tooltip>\n);\n\nexport const Details: FunctionComponent = () => {\n  const {\n    author,\n    metadata: { date },\n    name,\n  } = usePackageCard();\n\n  const { data } = useStats();\n  const downloads: number | undefined = data?.packages?.[name]?.downloads?.npm;\n\n  const authorName = typeof author === \"string\" ? author : author.name;\n  const publishDate = new Date(date);\n\n  return (\n    <>\n      {downloads !== undefined && (\n        <Detail\n          data-testid={testIds.downloads}\n          tooltip=\"Download numbers are periodically sourced from the npm registry\"\n          value={`${downloads.toLocaleString()} weekly downloads`}\n        />\n      )}\n      <Detail\n        data-testid={testIds.published}\n        value={\n          <Time\n            date={publishDate}\n            fontSize=\"xs\"\n            formattedDate={formatDistanceToNowStrict(publishDate, {\n              addSuffix: true,\n            })}\n          />\n        }\n      />\n      <Detail\n        data-testid={testIds.author}\n        value={\n          <>\n            By{\" \"}\n            <NavLink\n              color=\"blue.500\"\n              to={getSearchPath({\n                query: authorName,\n              })}\n            >\n              {authorName}\n            </NavLink>\n          </>\n        }\n      />\n    </>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport testIds from \"./testIds\";\n\nexport const EditorsNote: FunctionComponent<{ comment?: string }> = ({\n  comment,\n}) => {\n  return (\n    <Text\n      data-testid={testIds.comment}\n      fontSize=\"md\"\n      lineHeight=\"tall\"\n      noOfLines={4}\n    >\n      <Text as=\"span\" color=\"blue.500\" fontWeight=\"bold\">\n        Editor&apos;s note:{\" \"}\n      </Text>\n      {comment}\n    </Text>\n  );\n};\n","import {\n  Flex,\n  Heading as ChakraHeading,\n  LinkOverlay,\n  Text,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLanguage\";\nimport { getPackagePath } from \"../../util/url\";\nimport { CDKTypeBadge } from \"../CDKType\";\nimport { EditorsNote } from \"./EditorsNote\";\nimport { usePackageCard } from \"./PackageCard\";\nimport testIds from \"./testIds\";\n\nexport const Heading: FunctionComponent = () => {\n  const [currentLanguage] = useLanguage();\n  const {\n    description,\n    comment,\n    metadata: { constructFramework },\n    name,\n    version,\n  } = usePackageCard();\n\n  const cdkType = constructFramework?.name;\n  const cdkVersion = constructFramework?.majorVersion;\n\n  return (\n    <>\n      <LinkOverlay\n        as={Link}\n        to={getPackagePath({\n          name,\n          version,\n          language: currentLanguage,\n        })}\n      >\n        <Flex align=\"center\">\n          <CDKTypeBadge majorVersion={cdkVersion} mr={2} name={cdkType} />\n          <ChakraHeading\n            as=\"h3\"\n            color=\"blue.800\"\n            data-testid={testIds.title}\n            fontSize=\"md\"\n            fontWeight=\"bold\"\n            wordBreak=\"normal\"\n          >\n            {name}\n          </ChakraHeading>\n        </Flex>\n      </LinkOverlay>\n      {comment ? (\n        <EditorsNote comment={comment} />\n      ) : (\n        <Text\n          color=\"blue.800\"\n          data-testid={testIds.description}\n          fontSize=\"md\"\n          lineHeight=\"tall\"\n          noOfLines={4}\n        >\n          {description || \"No description available.\"}\n        </Text>\n      )}\n    </>\n  );\n};\n","import { Box } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { highlightsFrom } from \"../../util/package\";\nimport { Highlight as HighlightComponent } from \"../Highlight\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Highlight: FunctionComponent = () => {\n  const { packageTags = [] } = usePackageCard()?.metadata ?? {};\n  const [highlight] = highlightsFrom(packageTags);\n\n  if (!highlight) return null;\n\n  return (\n    <Box fontSize=\"xs\">\n      <HighlightComponent {...highlight} />\n    </Box>\n  );\n};\n","import type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport {\n  Language,\n  LANGUAGES,\n  LANGUAGE_RENDER_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\nimport { getPackagePath } from \"../../util/url\";\nimport { LanguageSupportTooltip } from \"../LanguageSupportTooltip\";\n\nconst sizes = {\n  sm: 5,\n  md: 6,\n  lg: 8,\n};\n\nexport interface PackageLanguagesProps {\n  isRounded?: boolean;\n  languages?: Partial<Record<Language, unknown>>;\n  name: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  version: string;\n}\n\nexport const PackageLanguages: FunctionComponent<PackageLanguagesProps> = ({\n  isRounded = false,\n  languages,\n  name: packageName,\n  size = \"md\",\n  version,\n}) => {\n  const targets = Object.keys(languages ?? {}) as Language[];\n  return (\n    <>\n      {Object.entries(LANGUAGE_RENDER_MAP)\n        // Ensure entries are always sorted in a stable way\n        .sort(\n          ([left], [right]) =>\n            LANGUAGES.indexOf(left as Language) -\n            LANGUAGES.indexOf(right as Language)\n        )\n        .map(([lang, info]) => {\n          const language = lang as Language;\n\n          const isSupportedByLibrary =\n            language === Language.TypeScript || targets.includes(language);\n\n          const isSupportedByConstructHub =\n            language === Language.TypeScript || // TypeScript is always supported\n            // Otherwise, the language must be supported by ConstructHub\n            TEMP_SUPPORTED_LANGUAGES.has(language);\n\n          if (!isSupportedByLibrary) return null;\n\n          const { name, icon: Icon } = info;\n\n          const icon = (\n            <Icon\n              aria-label={`Supports ${name}`}\n              borderRadius={isRounded ? \"50%\" : 0}\n              h={sizes[size]}\n              opacity={isSupportedByConstructHub ? 1 : 0.2}\n              w={sizes[size]}\n            />\n          );\n\n          return (\n            <LanguageSupportTooltip key={language} language={language}>\n              {isSupportedByConstructHub ? (\n                <Link\n                  aria-label={`View package docs for ${language}`}\n                  to={getPackagePath({ name: packageName, version, language })}\n                >\n                  {icon}\n                </Link>\n              ) : (\n                icon\n              )}\n            </LanguageSupportTooltip>\n          );\n        })}\n    </>\n  );\n};\n","import type { FunctionComponent } from \"react\";\nimport { PackageLanguages } from \"../PackageLanguages\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Languages: FunctionComponent = () => {\n  const pkg = usePackageCard();\n  return <PackageLanguages {...pkg} size=\"sm\" />;\n};\n","import { FunctionComponent } from \"react\";\nimport { tagObjectsFrom } from \"../../util/package\";\nimport { PackageTag } from \"../PackageTag\";\nimport { usePackageCard } from \"./PackageCard\";\n\nexport const Tags: FunctionComponent = () => {\n  const {\n    keywords = [],\n    metadata: { packageTags = [] },\n  } = usePackageCard();\n\n  const tags = tagObjectsFrom({\n    packageTags,\n    keywords,\n  });\n\n  return (\n    <>\n      {tags.slice(0, 10).map(({ id, keyword: { label, color } = {} }) => (\n        <PackageTag key={id} value={id} variant={color}>\n          {label}\n        </PackageTag>\n      ))}\n    </>\n  );\n};\n","import { Flex, Grid, LinkBox, Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Details } from \"./Details\";\nimport { Heading } from \"./Heading\";\nimport { Highlight } from \"./Highlight\";\nimport { Languages } from \"./Languages\";\nimport { Tags } from \"./Tags\";\nimport testIds from \"./testIds\";\n\nexport const WideCard: FunctionComponent = () => {\n  return (\n    <LinkBox\n      _hover={{\n        \"> article\": {\n          bg: \"gray.50\",\n        },\n      }}\n    >\n      <Grid\n        as=\"article\"\n        bg=\"white\"\n        border=\"base\"\n        borderRadius=\"sm\"\n        boxShadow=\"base\"\n        color=\"blue.800\"\n        data-testid={testIds.wideContainer}\n        h=\"full\"\n        minH=\"12.5rem\"\n        templateColumns={{ base: \"1fr\", lg: \"1fr 14rem\" }}\n        w=\"full\"\n      >\n        {/* Top / Left side of card */}\n        <Flex\n          direction=\"column\"\n          justify=\"space-between\"\n          p={5}\n          sx={{ gap: \"0.5rem\" }}\n        >\n          <Stack spacing={3}>\n            <Heading />\n          </Stack>\n\n          <Flex align=\"center\" sx={{ gap: \"0.5rem\" }} wrap=\"wrap\">\n            <Tags />\n          </Flex>\n        </Flex>\n\n        {/* Bottom / Right side of card */}\n        <Flex\n          align={{ base: \"end\", lg: \"initial\" }}\n          borderLeft={{ lg: \"base\" }}\n          borderTop={{ base: \"base\", lg: \"none\" }}\n          direction={{ base: \"row\", lg: \"column\" }}\n          justify=\"space-between\"\n          p={5}\n          sx={{ gap: \"0.5rem\" }}\n        >\n          <Stack spacing={1}>\n            <Highlight />\n            <Stack spacing={1}>\n              <Details />\n            </Stack>\n          </Stack>\n\n          <Stack data-testid={testIds.languages} direction=\"row\" spacing={2}>\n            <Languages />\n          </Stack>\n        </Flex>\n      </Grid>\n    </LinkBox>\n  );\n};\n","import { createContext, FunctionComponent, useContext } from \"react\";\nimport { CatalogPackage } from \"../../api/package/packages\";\nimport { PackageCardType } from \"./constants\";\nimport { WideCard } from \"./WideCard\";\n\nexport interface PackageCardProps {\n  pkg: CatalogPackage;\n  variant?: PackageCardType;\n}\n\nconst PackageCardContext = createContext<\n  (CatalogPackage & { comment?: string }) | null\n>(null);\n\nexport const usePackageCard = () => useContext(PackageCardContext)!;\n\nexport const PackageCard: FunctionComponent<PackageCardProps> = ({\n  pkg,\n  variant = PackageCardType.Wide,\n}) => {\n  return (\n    <PackageCardContext.Provider value={pkg}>\n      {variant === PackageCardType.Wide && <WideCard />}\n    </PackageCardContext.Provider>\n  );\n};\n","import { Box, BoxProps, forwardRef } from \"@chakra-ui/react\";\nimport { format } from \"date-fns\";\n\nexport type TimeOptions = {\n  date: Date;\n  format?: string;\n  formattedDate?: string;\n};\n\nexport interface TimeProps extends BoxProps, TimeOptions {}\n\nexport const Time = forwardRef<TimeProps, \"time\">(\n  ({ date, format: formatString, formattedDate, ...boxProps }, ref) => {\n    return (\n      <Box as=\"time\" dateTime={date.toISOString()} ref={ref} {...boxProps}>\n        {formattedDate ?? format(date, formatString ?? \"\")}\n      </Box>\n    );\n  }\n);\n\nTime.displayName = \"Time\";\n","import { Stack, Image, Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\ninterface HighlightProps {\n  label: string;\n  color?: string;\n  icon?: string;\n}\n\nexport const Highlight: FunctionComponent<HighlightProps> = ({\n  label,\n  color,\n  icon,\n}: HighlightProps) => {\n  return (\n    <Stack align=\"center\" direction=\"row\" spacing={2}>\n      <Image alt={`${label} icon`} src={icon} w={4} />\n      <Text color={color} fontWeight=\"bold\">\n        {label}\n      </Text>\n    </Stack>\n  );\n};\n","import { Tag, TagLabel, TagProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface PackageTagProps extends TagProps {\n  value: string;\n  label?: string;\n  zIndex?: string | number;\n}\n\nexport const PackageTag: FunctionComponent<PackageTagProps> = ({\n  children,\n  value,\n  label = value,\n  zIndex,\n  ...tagProps\n}) => {\n  return (\n    <NavLink\n      aria-label={`Tag: ${label}`}\n      to={getSearchPath({ keywords: [value] })}\n      zIndex={zIndex}\n    >\n      <Tag\n        _hover={{\n          textDecoration: \"underline\",\n        }}\n        {...tagProps}\n      >\n        <TagLabel>{children}</TagLabel>\n      </Tag>\n    </NavLink>\n  );\n};\n","import { Tooltip } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\n\nexport interface LanguageSupportTooltipProps {\n  language: Language;\n}\n\nexport const LanguageSupportTooltip: FunctionComponent<\n  LanguageSupportTooltipProps\n> = ({ children, language }) => {\n  const isSupported = TEMP_SUPPORTED_LANGUAGES.has(language);\n  const langName = LANGUAGE_NAME_MAP[language];\n\n  const message = isSupported\n    ? `Click to view documentation in ${langName}`\n    : `Documentation support for ${langName} is coming soon!`;\n\n  return (\n    <Tooltip hasArrow label={message} placement=\"top-start\">\n      <span>{children}</span>\n    </Tooltip>\n  );\n};\n","import { QuestionIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Heading,\n  Text,\n  Popover,\n  PopoverTrigger,\n  PopoverBody,\n  PopoverArrow,\n  PopoverContent,\n  useBreakpointValue,\n  PlacementWithLogical,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\n\nexport interface FilterHeadingProps {\n  name: string;\n  hint?: string;\n}\n\nexport const FilterHeading: FunctionComponent<FilterHeadingProps> = ({\n  name,\n  hint,\n}) => {\n  const placement = useBreakpointValue<PlacementWithLogical>({\n    base: \"auto\",\n    md: \"right\",\n  });\n\n  return (\n    <Flex align=\"center\" mb={1}>\n      <Heading as=\"h4\" size=\"sm\" w=\"max-content\">\n        {name}\n      </Heading>\n      {hint ? (\n        <Popover colorScheme=\"dark\" placement={placement} strategy=\"fixed\">\n          <PopoverTrigger>\n            <Flex aria-label={`Hint: ${name}`} as=\"button\" ml={2}>\n              <QuestionIcon h={3.5} w={3.5} />\n            </Flex>\n          </PopoverTrigger>\n          <PopoverContent\n            bg=\"gray.700\"\n            borderRadius=\"base\"\n            color=\"white\"\n            fontSize=\"sm\"\n            mx={{ base: \"1rem\", md: \"initial\" }}\n            shadow=\"whiteAlpha.300\"\n          >\n            <PopoverArrow bg=\"gray.700\" />\n            <PopoverBody>\n              <Text>{hint}</Text>\n            </PopoverBody>\n          </PopoverContent>\n        </Popover>\n      ) : null}\n    </Flex>\n  );\n};\n","import { createTestIds } from \"../../util/createTestIds\";\n\nexport default createTestIds(\"searchRedesign\", [\n  \"page\",\n  // Results\n  \"searchDetails\",\n  \"nextPage\",\n  \"prevPage\",\n  \"goToPage\",\n  // Sorting\n  \"sortButton\",\n  \"sortDropdown\",\n  \"sortItem\",\n  // Filters Panel\n  \"filtersPanel\",\n  \"cdkTypeFilter\",\n  \"cdkVersionFilter\",\n  \"filterItem\",\n  \"languagesFilter\",\n] as const);\n","import { Radio, RadioGroup, Stack, Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { FilterHeading, FilterHeadingProps } from \"./FilterHeading\";\nimport testIds from \"./testIds\";\n\nexport interface RadioFilterProps extends FilterHeadingProps {\n  \"data-testid\"?: string;\n  value?: string;\n  onValueChange: (value: string) => void;\n  options: {\n    display: string;\n    value: string;\n  }[];\n}\n\nexport const RadioFilter: FunctionComponent<RadioFilterProps> = ({\n  \"data-testid\": dataTestid,\n  value: checkedValue,\n  onValueChange,\n  options,\n  name,\n  hint,\n}) => {\n  return (\n    <Stack data-testid={dataTestid} spacing={1}>\n      <FilterHeading hint={hint} name={name} />\n      <RadioGroup onChange={onValueChange} value={checkedValue}>\n        <Stack spacing={1}>\n          {options.map(({ display, value }) => (\n            <Radio key={value} value={value}>\n              <Text\n                color=\"gray.600\"\n                data-testid={testIds.filterItem}\n                data-value={value}\n                isTruncated\n              >\n                {display}\n              </Text>\n            </Radio>\n          ))}\n        </Stack>\n      </RadioGroup>\n    </Stack>\n  );\n};\n","import { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport type { QueryParamKey } from \"../../constants/url\";\n\nconst LIMITS = [25, 50, 75, 100];\nexport const LIMIT = LIMITS[0];\n\nexport type SearchQueryParam = Extract<QueryParamKey, \"offset\" | \"q\">;\n\nexport const SORT_RENDER_MAP = {\n  [CatalogSearchSort.NameAsc]: \"A-Z\",\n  [CatalogSearchSort.NameDesc]: \"Z-A\",\n  [CatalogSearchSort.PublishDateAsc]: \"Oldest first\",\n  [CatalogSearchSort.PublishDateDesc]: \"Newest first\",\n  [CatalogSearchSort.DownloadsDesc]: \"Most downloads\",\n  [CatalogSearchSort.DownloadsAsc]: \"Least downloads\",\n};\n","export const toNum = (val: string) => {\n  const result = parseInt(val);\n\n  if (`${result}` === \"NaN\") {\n    return 0;\n  }\n\n  return result;\n};\n\nexport const parseQueryArray = <T extends string>(\n  queryString: string | null\n) => {\n  if (!queryString) return [];\n\n  return decodeURIComponent(queryString).split(\",\") as T[];\n};\n","/**\n * @fileoverview Exposes page-level state and setters to all components in the new SearchResults View.\n */\nimport {\n  createContext,\n  FunctionComponent,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { CDKType } from \"../../constants/constructs\";\nimport { Language } from \"../../constants/languages\";\nimport { QUERY_PARAMS } from \"../../constants/url\";\nimport {\n  UseCatalogSearchReturn,\n  useCatalogSearch,\n} from \"../../hooks/useCatalogSearch\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\nimport { LIMIT } from \"../SearchRedesign/constants\";\nimport { parseQueryArray, toNum } from \"./util\";\n\nexport interface SearchState {\n  limit: number;\n  offset: number;\n  query: string;\n  searchAPI: UseCatalogSearchReturn;\n}\n\nconst SearchStateContext = createContext<SearchState | undefined>(undefined);\n\n/**\n * A hook to access Search Page specific state. This can only be in descendants of the new Search Page\n * and will otherwise throw an error.\n */\nexport const useSearchState = () => {\n  const state = useContext(SearchStateContext);\n\n  if (!state) {\n    throw new Error(\n      `This hook must be called in a child of <SearchStateProvider />`\n    );\n  }\n\n  return state;\n};\n\nexport const SearchStateProvider: FunctionComponent = ({ children }) => {\n  const queryParams = useQueryParams();\n\n  const offset = toNum(queryParams.get(QUERY_PARAMS.OFFSET) ?? \"0\");\n\n  const query = decodeURIComponent(\n    queryParams.get(QUERY_PARAMS.SEARCH_QUERY) ?? \"\"\n  );\n\n  const languages: Language[] = parseQueryArray(\n    queryParams.get(QUERY_PARAMS.LANGUAGES)\n  );\n  const tagQuery = queryParams.get(QUERY_PARAMS.TAGS);\n  const tags = useMemo(() => parseQueryArray(tagQuery), [tagQuery]);\n\n  const keywordQuery = queryParams.get(QUERY_PARAMS.KEYWORDS);\n  const keywords = useMemo(() => parseQueryArray(keywordQuery), [keywordQuery]);\n\n  const sort = (queryParams.get(QUERY_PARAMS.SORT) ?? undefined) as\n    | CatalogSearchSort\n    | undefined;\n\n  const cdkType =\n    (queryParams.get(QUERY_PARAMS.CDK_TYPE) as CDKType) ?? undefined;\n\n  const cdkMajorParam = queryParams.get(QUERY_PARAMS.CDK_MAJOR);\n  const cdkMajor = cdkMajorParam ? toNum(cdkMajorParam) : undefined;\n\n  const searchAPI = useCatalogSearch({\n    defaultCdkMajor: cdkMajor,\n    defaultCdkType: cdkType,\n    defaultKeywords: keywords,\n    defaultLanguages: languages,\n    defaultQuery: query,\n    defaultSort: sort,\n    defaultTags: tags,\n  });\n\n  useEffect(() => {\n    if (query !== searchAPI.query) {\n      searchAPI.setQuery(query);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  useEffect(() => {\n    if (keywords.some((k) => !searchAPI.keywords.includes(k))) {\n      searchAPI.setKeywords(keywords);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [keywords]);\n\n  useEffect(() => {\n    if (tags.some((t) => !searchAPI.tags.includes(t))) {\n      searchAPI.setTags(tags);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags]);\n\n  return (\n    <SearchStateContext.Provider\n      value={{\n        limit: LIMIT,\n        offset,\n        query,\n        searchAPI,\n      }}\n    >\n      {children}\n    </SearchStateContext.Provider>\n  );\n};\n","import { FunctionComponent, useMemo } from \"react\";\nimport { CatalogConstructFrameworkMeta } from \"../../api/catalog-search\";\nimport { CDKType, CDKTYPE_NAME_MAP } from \"../../constants/constructs\";\nimport { useSearchContext } from \"../../contexts/Search\";\nimport { RadioFilter } from \"./RadioFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\ntype CDKOptions = Partial<{\n  [key in CDKType]: CatalogConstructFrameworkMeta & {\n    display: string;\n    value: key;\n  };\n}>;\n\nexport const CDKFilter: FunctionComponent = () => {\n  const { cdkType, setCdkType, cdkMajor, setCdkMajor } =\n    useSearchState().searchAPI;\n  const searchAPI = useSearchContext()!;\n\n  // Options with less than one package will be omitted\n  const cdkOptions = useMemo(() => {\n    const cdkTypes = searchAPI.constructFrameworks;\n    const options = Object.entries(cdkTypes).reduce((opts, [name, meta]) => {\n      if (meta.pkgCount < 1) {\n        return opts;\n      }\n\n      return {\n        ...opts,\n        [name]: {\n          display: CDKTYPE_NAME_MAP[name as CDKType],\n          value: name,\n          ...meta,\n        },\n      };\n    }, {});\n\n    return Object.keys(options).length ? (options as CDKOptions) : undefined;\n  }, [searchAPI]);\n\n  const majorsOptions = useMemo(() => {\n    if (!cdkOptions || !cdkType) return undefined;\n    const majorVersions = cdkOptions[cdkType]?.majorVersions;\n\n    if (!majorVersions) return undefined;\n\n    return [...majorVersions]\n      .sort((a, b) => a - b)\n      .map((value) => ({\n        value: value.toString(),\n        display: `${CDKTYPE_NAME_MAP[cdkType]} v${value}`,\n      }));\n  }, [cdkOptions, cdkType]);\n\n  if (!cdkOptions) {\n    return null;\n  }\n\n  const onCdkTypeChange = (type: string) => {\n    const cdk = type as CDKType;\n    setCdkMajor(undefined);\n    setCdkType(type ? cdk : undefined);\n  };\n\n  const onCdkMajorChange = (major: string) => {\n    if (!major) {\n      setCdkMajor(undefined);\n      return;\n    }\n\n    const majorNum = parseInt(major, 10);\n\n    setCdkMajor(majorNum);\n  };\n\n  return (\n    <>\n      <RadioFilter\n        data-testid={testIds.cdkTypeFilter}\n        hint=\"Choose the right CDK for your IaC technology: AWS CDK for AWS CloudFormation, CDKtf for Terraform, or CDK8s for Kubernetes.\"\n        name=\"CDK Type\"\n        onValueChange={onCdkTypeChange}\n        options={[\n          { display: \"Any CDK Type\", value: \"\" },\n          ...Object.values(cdkOptions),\n        ]}\n        value={cdkType ?? \"\"}\n      />\n      {/* No point in showing major versions if only a single one is available */}\n      {!!(majorsOptions && majorsOptions.length > 1) && (\n        <RadioFilter\n          data-testid={testIds.cdkVersionFilter}\n          hint=\"Choose the major version of the CDK you're using to see only constructs that will work with that version.\"\n          name=\"CDK Major Version\"\n          onValueChange={onCdkMajorChange}\n          options={[\n            { display: \"Any Major Version\", value: \"\" },\n            ...majorsOptions,\n          ]}\n          value={cdkMajor?.toString() ?? \"\"}\n        />\n      )}\n    </>\n  );\n};\n","import { ChevronDownIcon, ChevronUpIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Button,\n  Collapse,\n  Checkbox,\n  Stack,\n  Text,\n  Tooltip,\n  useDisclosure,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { FilterHeading, FilterHeadingProps } from \"./FilterHeading\";\nimport testIds from \"./testIds\";\n\ninterface CheckboxOption {\n  display: string;\n  value: string;\n  isDisabled?: boolean;\n  disabledHint?: string;\n}\n\ninterface CheckboxItemProps extends CheckboxOption {\n  onChange: () => void;\n  isChecked: boolean;\n}\n\nexport interface CheckboxFilterProps extends FilterHeadingProps {\n  /**\n   * Test ID to select checkbox in tests\n   */\n  \"data-testid\"?: string;\n  /**\n   * Number of items that can be initially shown\n   */\n  initialItemCount?: number;\n  /**\n   * Defines checkbox items\n   */\n  options: CheckboxOption[];\n  /**\n   * Selected values\n   */\n  values: string[];\n  /**\n   * Callback triggered when an item is clicked\n   */\n  onValueChange: (value: string) => void;\n}\n\nconst CheckboxItem: FunctionComponent<CheckboxItemProps> = ({\n  display,\n  value,\n  isDisabled,\n  disabledHint,\n  isChecked,\n  onChange,\n}) => (\n  <Checkbox\n    isChecked={isChecked}\n    isDisabled={isDisabled}\n    key={value}\n    onChange={onChange}\n  >\n    <Tooltip\n      hasArrow\n      isDisabled={!isDisabled && !disabledHint}\n      label={disabledHint}\n      placement=\"right\"\n    >\n      <Text\n        color=\"gray.600\"\n        data-testid={testIds.filterItem}\n        data-value={value}\n        isTruncated\n      >\n        {display}\n      </Text>\n    </Tooltip>\n  </Checkbox>\n);\n\nexport const CheckboxFilter: FunctionComponent<CheckboxFilterProps> = ({\n  \"data-testid\": dataTestid,\n  initialItemCount,\n  hint,\n  name,\n  options,\n  values: checkedValues,\n  onValueChange,\n}) => {\n  const collapse = useDisclosure();\n\n  const getOnChange = (value: string) => () => {\n    onValueChange(value);\n  };\n\n  let alwaysShow: typeof options = options;\n  let showWhenExpanded: typeof options = [];\n\n  if (initialItemCount) {\n    alwaysShow = options.slice(0, initialItemCount);\n    showWhenExpanded = options.slice(initialItemCount, options.length);\n  }\n\n  const isExpandible = showWhenExpanded.length > 0;\n\n  return (\n    <Flex data-testid={dataTestid} direction=\"column\">\n      <FilterHeading hint={hint} name={name} />\n      <Stack mt={1} spacing={1}>\n        {alwaysShow.map((item) => (\n          <CheckboxItem\n            {...item}\n            isChecked={checkedValues.includes(item.value)}\n            key={item.value}\n            onChange={getOnChange(item.value)}\n          />\n        ))}\n        {isExpandible && (\n          <Collapse animateOpacity in={collapse.isOpen} unmountOnExit>\n            <Stack spacing={1}>\n              {showWhenExpanded.map((item) => (\n                <CheckboxItem\n                  {...item}\n                  isChecked={checkedValues.includes(item.value)}\n                  key={item.value}\n                  onChange={getOnChange(item.value)}\n                />\n              ))}\n            </Stack>\n          </Collapse>\n        )}\n      </Stack>\n      {isExpandible && (\n        <Flex align=\"start\" mt={1}>\n          <Button\n            color=\"gray.600\"\n            fontWeight=\"normal\"\n            leftIcon={collapse.isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            onClick={collapse.onToggle}\n            size=\"sm\"\n            textAlign=\"left\"\n            variant=\"link\"\n            w=\"auto\"\n          >\n            {collapse.isOpen\n              ? `Show fewer options (${alwaysShow.length})`\n              : `Show more options (${showWhenExpanded.length})`}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import { FunctionComponent, useMemo } from \"react\";\nimport { useSearchContext } from \"../../contexts/Search\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const KeywordsFilter: FunctionComponent = () => {\n  const { keywords, setKeywords } = useSearchState().searchAPI;\n  const keywordMap = useSearchContext()!.keywords;\n\n  const onKeywordChange = (keyword: string) => {\n    setKeywords(\n      keywords.includes(keyword)\n        ? keywords.filter((k) => k !== keyword)\n        : [...keywords, keyword]\n    );\n  };\n\n  const keywordOptions = useMemo(() => {\n    const baseOptions = [...keywordMap.entries()]\n      .sort(([, count1], [, count2]) => {\n        return count1 < count2 ? 1 : -1;\n      })\n      .filter(([keyword]) => !keywords.includes(keyword))\n      .map(([keyword]) => ({\n        display: keyword,\n        value: keyword,\n      }))\n      .slice(0, 25);\n\n    const keywordsNotInOptions = keywords.filter(\n      (k) => !baseOptions.some((opt) => opt.value === k)\n    );\n\n    return [\n      ...keywordsNotInOptions.map((k) => ({ display: k, value: k })),\n      ...baseOptions,\n    ];\n  }, [keywordMap, keywords]);\n\n  return (\n    <CheckboxFilter\n      data-testid={testIds.languagesFilter}\n      hint=\"Focus the results by choosing one or more keywords reflecting the kind of construct you're looking for. Keywords are provided by construct authors.\"\n      initialItemCount={5}\n      name=\"Keywords\"\n      onValueChange={onKeywordChange}\n      options={keywordOptions}\n      values={keywords}\n    />\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nconst languageOptions = Object.entries(LANGUAGE_NAME_MAP)\n  .map(([key, value]) => ({\n    display: value,\n    value: key,\n    ...(TEMP_SUPPORTED_LANGUAGES.has(key as Language)\n      ? { isDisabled: false }\n      : {\n          isDisabled: true,\n          disabledHint: `${\n            LANGUAGE_NAME_MAP[key as Language]\n          } support is coming soon!`,\n        }),\n  }))\n  .sort((l1, l2) => {\n    // Push disabled languages to back of list\n    return l1.isDisabled > l2.isDisabled ? 1 : -1;\n  });\n\nexport const LanguageFilter: FunctionComponent = () => {\n  const { languages, setLanguages } = useSearchState().searchAPI;\n\n  const onLanguagesChange = (lang: string) => {\n    const language = lang as Language;\n\n    setLanguages(\n      languages.includes(language)\n        ? languages.filter((l) => l !== language)\n        : [...languages, language]\n    );\n  };\n\n  return (\n    <CheckboxFilter\n      data-testid={testIds.languagesFilter}\n      hint=\"Choose one or more languages. Results include constructs for use with at least one of the selected languages.\"\n      name=\"Programming Language\"\n      onValueChange={onLanguagesChange}\n      options={languageOptions}\n      values={languages}\n    />\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport { PackageTagConfig } from \"../../api/config\";\nimport { useConfigValue } from \"../../hooks/useConfigValue\";\nimport { CheckboxFilter } from \"./CheckboxFilter\";\nimport { useSearchState } from \"./SearchState\";\n\ninterface FilterGroups {\n  [group: string]: PackageTagConfig[];\n}\n\nexport const TagFilter: FunctionComponent = () => {\n  const filterableTags =\n    useConfigValue(\"packageTags\")?.filter((tag) => Boolean(tag.searchFilter)) ??\n    [];\n\n  const tagFilterGroups: FilterGroups = filterableTags.reduce(\n    (accum: FilterGroups, tag: PackageTagConfig): FilterGroups => {\n      const groupName = tag.searchFilter?.groupBy;\n      if (groupName) {\n        return {\n          ...accum,\n          [groupName]: [...(accum[groupName] ?? []), tag],\n        };\n      }\n      return accum;\n    },\n    {}\n  );\n\n  const { tags, setTags } = useSearchState().searchAPI;\n\n  const onTagsChange = (tag: string) => {\n    setTags(\n      tags.includes(tag) ? tags.filter((t) => t !== tag) : [...tags, tag]\n    );\n  };\n\n  return (\n    <>\n      {Object.entries(tagFilterGroups).map(([title, tagItems]) => {\n        return (\n          <CheckboxFilter\n            key={title}\n            name={title}\n            onValueChange={onTagsChange}\n            options={tagItems.map((tag) => {\n              return {\n                display: tag.searchFilter!.display,\n                value: tag.id,\n              };\n            })}\n            values={tags}\n          />\n        );\n      })}\n    </>\n  );\n};\n","import { Heading, Stack } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { Card } from \"../../components/Card\";\nimport { CDKFilter } from \"./CDKFilter\";\nimport { KeywordsFilter } from \"./KeywordsFilter\";\nimport { LanguageFilter } from \"./LanguageFilter\";\nimport { TagFilter } from \"./TagFilter\";\nimport testIds from \"./testIds\";\n\nexport interface FilterPanelProps {}\n\n// Header height + section padding\nconst TOP_OFFSET = \"5.75rem\";\n\n/**\n * The desktop Resolution Filter Panel\n */\nexport const FilterPanel: FunctionComponent<FilterPanelProps> = () => {\n  return (\n    <Card\n      borderRadius=\"none\"\n      boxShadow=\"none\"\n      data-testid={testIds.filtersPanel}\n      display={{ base: \"none\", md: \"flex\" }}\n      maxH={`calc(100vh - ${TOP_OFFSET} - 1.25rem)`}\n      maxW=\"23rem\"\n      minW=\"100%\"\n      overflow=\"hidden auto\"\n      p={4}\n      pos=\"sticky\"\n      top={TOP_OFFSET}\n      zIndex=\"docked\"\n    >\n      <Stack color=\"blue.800\" h=\"max-content\" spacing={4} top={4}>\n        <Heading as=\"h3\" size=\"sm\">\n          Filters\n        </Heading>\n\n        <CDKFilter />\n\n        <LanguageFilter />\n\n        <TagFilter />\n\n        <KeywordsFilter />\n      </Stack>\n    </Card>\n  );\n};\n","import { Center, Spinner } from \"@chakra-ui/react\";\nimport { FunctionComponent, memo } from \"react\";\nimport { CatalogPackage } from \"../../api/package/packages\";\nimport { PackageCardType } from \"../PackageCard\";\nimport { WideCardList } from \"./WideCardList\";\n\nconst listViews = {\n  [PackageCardType.Wide]: WideCardList,\n};\n\nexport interface PackageListViewProps {\n  items: CatalogPackage[];\n}\n\nexport interface PackageListProps extends Partial<PackageListViewProps> {\n  cardView?: PackageCardType;\n  loading?: boolean;\n  title?: string;\n}\n\nexport const PackageList: FunctionComponent<PackageListProps> = memo(\n  ({\n    cardView = PackageCardType.Wide,\n    items,\n    loading,\n    // title,\n  }) => {\n    if (loading || !items) {\n      return (\n        <Center>\n          <Spinner size=\"xl\" />\n        </Center>\n      );\n    }\n\n    const View = listViews[cardView];\n\n    return <View items={items} />;\n  }\n);\n\nPackageList.displayName = \"PackageList\";\n","import { Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { PackageCard, PackageCardType } from \"../PackageCard\";\nimport { PackageListViewProps } from \"./PackageList\";\n\nexport const WideCardList: FunctionComponent<PackageListViewProps> = ({\n  items,\n}) => {\n  return (\n    <Stack spacing={4}>\n      {items.map((pkg) => (\n        <PackageCard\n          key={`${pkg.name}-${pkg.version}`}\n          pkg={pkg}\n          variant={PackageCardType.Wide}\n        />\n      ))}\n    </Stack>\n  );\n};\n","import { IconButton, IconProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport interface ArrowButtonProps {\n  \"data-testid\"?: string;\n  icon: FunctionComponent<IconProps>;\n  offset?: number;\n  getPageUrl: (params: { offset: number }) => string;\n}\n\nexport const ArrowButton: FunctionComponent<ArrowButtonProps> = ({\n  \"data-testid\": dataTestid,\n  icon: Icon,\n  offset,\n  getPageUrl,\n}) => {\n  const label = `Page ${offset} link`;\n\n  const props = {\n    \"aria-label\": label,\n    borderRadius: \"md\",\n    borderColor: \"blue.500\",\n    colorScheme: \"blue\",\n    \"data-testid\": dataTestid,\n    icon: <Icon color=\"blue.500\" h={5} w={5} />,\n    mx: 2,\n    h: 10,\n    w: 10,\n    variant: \"outline\",\n  };\n\n  if (offset !== undefined) {\n    return <IconButton {...props} as={Link} to={getPageUrl({ offset })} />;\n  }\n\n  return <IconButton {...props} disabled />;\n};\n","import { Flex, Input, Text } from \"@chakra-ui/react\";\nimport {\n  FormEventHandler,\n  FunctionComponent,\n  SyntheticEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nexport interface GoToPageProps {\n  \"data-testid\"?: string;\n  pageLimit: number;\n  offset: number;\n  getPageUrl: (params: { offset: number }) => string;\n}\n\nexport const GoToPage: FunctionComponent<GoToPageProps> = ({\n  \"data-testid\": dataTestid,\n  pageLimit,\n  offset,\n  getPageUrl,\n}) => {\n  const [inputValue, setInputValue] = useState((offset + 1).toString());\n  const { push } = useHistory();\n\n  useEffect(() => {\n    setInputValue((offset + 1).toString());\n  }, [offset]);\n\n  const onInputChange = (e: SyntheticEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    setInputValue((e.target as HTMLInputElement).value);\n  };\n\n  const onSubmit: FormEventHandler<HTMLInputElement> = (e) => {\n    e.preventDefault();\n    push(getPageUrl({ offset: parseInt(inputValue) - 1 }));\n  };\n\n  return (\n    <Flex align=\"center\" as=\"form\" mx={2} onSubmit={onSubmit}>\n      <Input\n        colorScheme=\"blue\"\n        data-testid={dataTestid}\n        h={10}\n        max={pageLimit + 1}\n        min={1}\n        name=\"page\"\n        onChange={onInputChange}\n        p={0}\n        textAlign=\"center\"\n        type=\"number\"\n        value={inputValue}\n        w={10}\n      />\n      <Text ml={2} w=\"max-content\">\n        of {pageLimit + 1}\n      </Text>\n    </Flex>\n  );\n};\n","import { ChevronLeftIcon, ChevronRightIcon } from \"@chakra-ui/icons\";\nimport { Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { ArrowButton } from \"./ArrowButton\";\nimport { GoToPage } from \"./GoToPage\";\nimport testIds from \"./testIds\";\n\nexport interface PageControlsProps {\n  offset: number;\n  pageLimit: number;\n  getPageUrl: (params: { offset?: number }) => string;\n}\n\nexport const PageControls: FunctionComponent<PageControlsProps> = ({\n  offset,\n  getPageUrl,\n  pageLimit,\n}) => {\n  const nextOffset = offset < pageLimit ? offset + 1 : undefined;\n  const prevOffset = offset > 0 ? offset - 1 : undefined;\n\n  return (\n    <Stack\n      align=\"center\"\n      direction=\"row\"\n      justify=\"space-between\"\n      maxW=\"18rem\"\n      mx=\"auto\"\n      spacing={4}\n      w=\"full\"\n    >\n      <ArrowButton\n        data-testid={testIds.prevPage}\n        getPageUrl={getPageUrl}\n        icon={ChevronLeftIcon}\n        offset={prevOffset}\n      />\n      <GoToPage\n        data-testid={testIds.goToPage}\n        getPageUrl={getPageUrl}\n        offset={offset}\n        pageLimit={pageLimit}\n      />\n      <ArrowButton\n        data-testid={testIds.nextPage}\n        getPageUrl={getPageUrl}\n        icon={ChevronRightIcon}\n        offset={nextOffset}\n      />\n    </Stack>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport testIds from \"./testIds\";\n\nexport interface SearchDetailsProps {\n  limit: number;\n  offset: number;\n  count: number;\n  filtered: boolean;\n  query?: string;\n}\n\nconst Em: FunctionComponent = ({ children }) => (\n  <Text as=\"strong\" color=\"gray.700\">\n    {children}\n  </Text>\n);\n\nconst Count: FunctionComponent<{\n  first: number;\n  count: number;\n  last: number;\n}> = ({ first, count, last }) => {\n  if (!first && last >= count) {\n    return (\n      <>\n        <Em>{count}</Em> of <Em>{count}</Em>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Em>\n        {count ? first + 1 : count} - {last > count ? count : last}\n      </Em>{\" \"}\n      of <Em>{count}</Em>\n    </>\n  );\n};\n\nexport const SearchDetails: FunctionComponent<SearchDetailsProps> = ({\n  limit,\n  offset,\n  count,\n  filtered,\n  query,\n}) => {\n  const first = limit * offset;\n  const last = first + limit;\n  const hasResults = count > 0;\n\n  return (\n    <Text data-testid={testIds.searchDetails}>\n      {hasResults ? (\n        <>\n          Displaying <Count count={count} first={first} last={last} />{\" \"}\n          {filtered ? \"search results\" : \"constructs\"}\n        </>\n      ) : (\n        <>{filtered ? \"There were no search results\" : \"No constructs found\"}</>\n      )}\n      {query && (\n        <>\n          {\" for \"}\n          <Em>{query}</Em>\n        </>\n      )}\n      .{!hasResults && filtered && <> Try a different term.</>}\n    </Text>\n  );\n};\n","import { FunctionComponent } from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { SORT_RENDER_MAP } from \"./constants\";\nimport { RadioFilter } from \"./RadioFilter\";\nimport { useSearchState } from \"./SearchState\";\n\nexport const SortFilter: FunctionComponent = () => {\n  const { sort, setSort } = useSearchState().searchAPI;\n\n  const onSortChange = (newSort: string) => {\n    setSort(newSort ? (newSort as CatalogSearchSort) : undefined);\n  };\n\n  return (\n    <RadioFilter\n      hint=\"Sets the order of search results\"\n      name=\"Sorted By\"\n      onValueChange={onSortChange}\n      options={[\n        { display: \"Relevance\", value: \"\" },\n        ...Object.entries(SORT_RENDER_MAP).map(([value, display]) => ({\n          display,\n          value,\n        })),\n      ]}\n      value={sort ?? \"\"}\n    />\n  );\n};\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Button,\n  Drawer,\n  Stack,\n  DrawerBody,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerContent,\n  DrawerCloseButton,\n  useDisclosure,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { CDKFilter } from \"./CDKFilter\";\nimport { KeywordsFilter } from \"./KeywordsFilter\";\nimport { LanguageFilter } from \"./LanguageFilter\";\nimport { SortFilter } from \"./SortFilter\";\nimport { TagFilter } from \"./TagFilter\";\n\n/**\n * The mobile filter Drawer (Bottomsheet in iOS terminology)\n */\nexport const SortAndFilterDrawer: FunctionComponent = () => {\n  const drawer = useDisclosure();\n  return (\n    <>\n      <Button\n        colorScheme=\"blue\"\n        display={{ md: \"none\" }}\n        onClick={drawer.onOpen}\n        rightIcon={<ChevronDownIcon />}\n        variant=\"link\"\n      >\n        Sorting and Filters\n      </Button>\n      <Drawer {...drawer} placement=\"bottom\">\n        <DrawerOverlay />\n\n        <DrawerContent color=\"blue.800\" maxH=\"full\">\n          <DrawerHeader borderBottom=\"base\">Sorting and Filters</DrawerHeader>\n\n          <DrawerCloseButton />\n\n          <DrawerBody>\n            <Stack color=\"blue.800\" pb={4} spacing={4}>\n              <SortFilter />\n\n              <CDKFilter />\n\n              <LanguageFilter />\n\n              <TagFilter />\n\n              <KeywordsFilter />\n            </Stack>\n          </DrawerBody>\n        </DrawerContent>\n      </Drawer>\n    </>\n  );\n};\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Flex,\n  Text,\n  Menu,\n  MenuButton,\n  MenuList,\n  MenuItem,\n  Button,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { CatalogSearchSort } from \"../../api/catalog-search/constants\";\nimport { SORT_RENDER_MAP } from \"./constants\";\nimport { useSearchState } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const SortedBy: FunctionComponent = () => {\n  const { searchAPI } = useSearchState();\n  const { sort, setSort } = searchAPI;\n\n  const selected = sort ? SORT_RENDER_MAP[sort] : \"Relevance\";\n\n  return (\n    <Flex align=\"center\">\n      <Text>Sorted by</Text>\n      <Menu>\n        <MenuButton\n          as={Button}\n          color=\"blue.500\"\n          data-testid={testIds.sortButton}\n          ml={2}\n          pl={2} // For some reason, the px shorthand doesn't work on this Button\n          pr={2}\n          py={1}\n          rightIcon={<ChevronDownIcon />}\n          variant=\"link\"\n        >\n          {selected}\n        </MenuButton>\n        <MenuList data-testid={testIds.sortDropdown} minW=\"180\" zIndex=\"sticky\">\n          <MenuItem\n            data-testid={testIds.sortItem}\n            data-value=\"\"\n            key=\"Relevance\"\n            onClick={() => setSort(undefined)}\n          >\n            Relevance\n          </MenuItem>\n          {Object.entries(SORT_RENDER_MAP).map(([value, display]) => (\n            <MenuItem\n              data-testid={testIds.sortItem}\n              data-value={value}\n              key={value}\n              onClick={() => setSort(value as CatalogSearchSort)}\n            >\n              {display}\n            </MenuItem>\n          ))}\n        </MenuList>\n      </Menu>\n    </Flex>\n  );\n};\n","import { Box, Stack } from \"@chakra-ui/react\";\nimport { FunctionComponent, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { PackageList } from \"../../components/PackageList\";\nimport { Page } from \"../../components/Page\";\nimport { SearchBar } from \"../../components/SearchBar\";\nimport { useCatalogResults } from \"../../hooks/useCatalogResults\";\nimport { getSearchPath } from \"../../util/url\";\nimport { SearchQueryParam } from \"../SearchRedesign/constants\";\nimport { PageControls } from \"./PageControls\";\nimport { SearchDetails } from \"./SearchDetails\";\nimport { useSearchState } from \"./SearchState\";\nimport { SortAndFilterDrawer } from \"./SortAndFilterDrawer\";\nimport { SortedBy } from \"./SortedBy\";\n\nexport const SearchResults: FunctionComponent = () => {\n  const isFirstRender = useRef(true);\n  const { push } = useHistory();\n\n  const { query, searchAPI, offset, limit } = useSearchState();\n  const { keywords, languages, sort, cdkType, cdkMajor, onSearch, tags } =\n    searchAPI;\n\n  const { page, pageLimit, results } = useCatalogResults({\n    offset,\n    limit,\n    query,\n    keywords,\n    languages,\n    cdkMajor,\n    cdkType,\n    sort,\n    tags,\n  });\n\n  const getUrl = (\n    params: Partial<{ [key in SearchQueryParam]: number | string }>\n  ) => {\n    return getSearchPath({\n      cdkMajor,\n      cdkType,\n      keywords,\n      query: (params.q ?? query) as string,\n      languages,\n      sort,\n      offset: params.offset ?? offset,\n      tags,\n    });\n  };\n\n  // Resets the page number to 1 if query param offset is below 0, or to the last page if offset is higher than page count\n  useEffect(() => {\n    // If the query has results but the page has nothing to show...\n    if (results.length && (offset < 0 || offset > pageLimit)) {\n      // Handle an out of bounds offset\n      if (offset < 0) {\n        push(getUrl({ offset: 0 }));\n      } else {\n        // Offset is too large, just take last page\n        push(getUrl({ offset: pageLimit }));\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [results, offset, pageLimit]);\n\n  // Reset offset and update url when query, filters, or sort change\n  // We want to avoid doing this on first render / when a user directly navigates to a search URL\n  // so we keep a ref to prevent this\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n    } else {\n      // Trigger a history replace rather than push to avoid bloating browser history\n      onSearch({ replace: true });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sort, keywords, languages, cdkType, cdkMajor, tags]);\n\n  // Scroll to top on page change\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [page]);\n\n  return (\n    <Page\n      meta={{\n        title: query || \"Search\",\n        description: query\n          ? `${results.length} results for ${query} at Construct Hub`\n          : \"Search reusable components for your cloud application\",\n      }}\n      pageName=\"search\"\n    >\n      <Stack direction=\"column\" maxW=\"100vw\" pb={4} px={4} spacing={4}>\n        <SearchBar\n          bg=\"white\"\n          onChange={searchAPI.onQueryChange}\n          onSubmit={(e) => {\n            searchAPI.setSort(undefined);\n            searchAPI.onSubmit(e);\n          }}\n          value={searchAPI.query}\n        />\n\n        <Stack\n          align={{ base: \"start\", lg: \"center\" }}\n          direction={{ base: \"column-reverse\", lg: \"row\" }}\n          justify={{ base: \"initial\", lg: \"space-between\" }}\n          spacing={4}\n        >\n          <SearchDetails\n            count={results.length}\n            filtered={!!query}\n            limit={limit}\n            offset={offset}\n            query={query}\n          />\n\n          <Box display={{ base: \"none\", md: \"initial\" }}>\n            <SortedBy />\n          </Box>\n\n          <Box display={{ md: \"none\" }}>\n            <SortAndFilterDrawer />\n          </Box>\n        </Stack>\n\n        <PackageList items={page} />\n\n        <Box w=\"full\">\n          <PageControls\n            getPageUrl={getUrl}\n            offset={offset}\n            pageLimit={pageLimit}\n          />\n        </Box>\n      </Stack>\n    </Page>\n  );\n};\n","import { Grid } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { Page } from \"../../components/Page\";\nimport { FilterPanel } from \"./FilterPanel\";\nimport { SearchResults } from \"./SearchResults\";\nimport { SearchStateProvider } from \"./SearchState\";\nimport testIds from \"./testIds\";\n\nexport const SearchRedesign: FunctionComponent = () => {\n  return (\n    <SearchStateProvider>\n      <Page\n        meta={{\n          title: \"Search - Construct Hub\",\n          description:\n            \"Search Construct Libraries for AWS CDK, CDK8s, and CDKtf\",\n        }}\n        pageName=\"search\"\n      >\n        <Grid\n          data-testid={testIds.page}\n          gap={4}\n          h=\"full\"\n          maxW=\"100%\"\n          px={{ base: 0, md: 6 }}\n          py={6}\n          templateColumns={{ base: \"1fr\", md: \"auto 1fr\" }}\n          templateRows=\"1fr\"\n        >\n          {/* Filter Panel Desktop */}\n          <FilterPanel />\n\n          {/* Results, Info, and Controls */}\n          <SearchResults />\n        </Grid>\n      </Page>\n    </SearchStateProvider>\n  );\n};\n"],"sourceRoot":""}

package/website/static/js/{9.4a5b1b09.chunk.js → 9.cd98fda9.chunk.js}

@@ -1,2 +1,2 @@
-(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[9],{146:function(e,n,r){"use strict";r.d(n,"a",(function(){return p}));var t=r(3),o=r(1),a=r(0),i=r.n(a),c=r(89);o.B?a.useLayoutEffect:a.useEffect;o.b;o.b;function u(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function s(e){return Object.entries(e).sort((function(e,n){return Number.parseInt(e[1],10)>Number.parseInt(n[1],10)?1:-1})).map((function(e,n,r){var t=e[0],o=e[1],a=r[n+1],i=a?a[1]:void 0,c=function(e,n){if(!(parseInt(e,10)>=0)&&!n)return"";var r="(min-width: "+b(e)+")";if(!n)return r;r&&(r+=" and ");return r+="(max-width: "+b(function(e){return function(e,n){if("number"===typeof e)return""+(e+n);return e.replace(d,(function(e){return""+(parseFloat(e)+n)}))}(e,e.endsWith("px")?-1:-.01)}(n))+")"}(o,i);return{minWidth:o,maxWidth:i,breakpoint:t,query:c}}))}var d=/([0-9]+\.?[0-9]*)/;function b(e){return Object(o.I)(e)?e+"px":e}var f=["query"],v=["query"];function p(e,n){var r=function(e){var n=Object(t.j)().breakpoints,r=Object(c.b)(),o=i.a.useMemo((function(){return s(l({base:"0px"},n))}),[n]),a=i.a.useState((function(){if(e){var n=o.find((function(n){return n.breakpoint===e}));if(n)return n.query,u(n,f)}})),d=a[0],b=a[1],p=null==d?void 0:d.breakpoint,O=i.a.useCallback((function(e,n){e.matches&&p!==n.breakpoint&&b(n)}),[p]);return i.a.useEffect((function(){var e=new Set;return o.forEach((function(n){var t=n.query,o=u(n,v),a=r.window.matchMedia(t);O(a,o);var i=function(){O(a,o)};return a.addListener(i),e.add({mediaQuery:a,handleChange:i}),function(){a.removeListener(i)}})),function(){e.forEach((function(e){var n=e.mediaQuery,r=e.handleChange;n.removeListener(r)})),e.clear()}}),[o,n,O,r.window]),p}(n),a=Object(t.j)();if(r){var d=Object.keys(a.breakpoints);return function(e,n,r){void 0===r&&(r=o.g);var t=Object.keys(e).indexOf(n);if(-1!==t)return e[n];for(var a=r.indexOf(n);a>=0;){if(null!=e[r[a]]){t=a;break}a-=1}return-1!==t?e[r[t]]:void 0}(Object(o.A)(e)?Object(o.q)(Object.entries(Object(o.f)(e,d)).map((function(e){return[e[0],e[1]]}))):e,r,d)}}},149:function(e,n,r){"use strict";r.d(n,"a",(function(){return D})),r.d(n,"b",(function(){return M})),r.d(n,"c",(function(){return _})),r.d(n,"d",(function(){return x})),r.d(n,"e",(function(){return E}));r(90);var t=r(3),o=r(48),a=r.n(o),i=r(1),c=r(0),u=r.n(c),l=r(12),s=r(32),d=r(11),b=r(45);function f(){return f=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(this,arguments)}function v(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}var p=Object(l.a)({name:"PopoverContext",errorMessage:"usePopoverContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Popover />`"}),O=p[0],h=p[1],j=function(e){if(e)return a()(e,{enter:{visibility:"visible"},exit:{transitionEnd:{visibility:"hidden"}}})},m=Object(s.a)(t.d.section),g=u.a.forwardRef((function(e,n){var r=h().isOpen;return u.a.createElement(m,f({ref:n,variants:j(e.variants)},e,{initial:!1,animate:r?"enter":"exit"}))}));g.defaultProps={variants:{exit:{opacity:0,scale:.95,transition:{duration:.1,ease:[.4,0,1,1]}},enter:{scale:1,opacity:1,transition:{duration:.15,ease:[0,0,.2,1]}}}};var y=["closeOnBlur","closeOnEsc","initialFocusRef","id","returnFocusOnClose","autoFocus","arrowSize","arrowShadowColor","trigger","openDelay","closeDelay","isLazy","lazyBehavior","computePositionOnMount"],k="click",w="hover";var C=["children"],P=["rootProps"],D=function(e){var n=Object(t.g)("Popover",e),r=Object(t.f)(e),o=r.children,a=function(e){void 0===e&&(e={});var n=e,r=n.closeOnBlur,t=void 0===r||r,o=n.closeOnEsc,a=void 0===o||o,u=n.initialFocusRef,s=n.id,p=n.returnFocusOnClose,O=void 0===p||p,h=n.autoFocus,j=void 0===h||h,m=n.arrowSize,g=n.arrowShadowColor,C=n.trigger,P=void 0===C?k:C,D=n.openDelay,E=void 0===D?200:D,x=n.closeDelay,R=void 0===x?200:x,_=n.isLazy,M=n.lazyBehavior,N=void 0===M?"unmount":M,S=n.computePositionOnMount,F=v(n,y),I=Object(d.g)(e),B=I.isOpen,T=I.onClose,q=I.onOpen,L=I.onToggle,z=Object(c.useRef)(null),A=Object(c.useRef)(null),K=Object(c.useRef)(!1),U=Object(c.useRef)(!1);B&&(U.current=!0);var H=Object(c.useState)(!1),W=H[0],G=H[1],V=Object(c.useState)(!1),Y=V[0],J=V[1],Q=Object(d.n)(s,"popover-trigger","popover-content","popover-header","popover-body"),X=Q[0],Z=Q[1],$=Q[2],ee=Q[3],ne=Object(b.b)(f({},F,{enabled:B||!!S})),re=ne.referenceRef,te=ne.getArrowProps,oe=ne.getPopperProps,ae=ne.getArrowInnerProps,ie=ne.forceUpdate;Object(d.j)({enabled:B,ref:z}),Object(d.i)(A,{focusRef:z,visible:B,shouldFocus:O&&P===k}),Object(d.k)(A,{focusRef:u,visible:B,shouldFocus:j&&P===k});var ce=Object(i.n)({hasBeenSelected:U.current,isLazy:_,lazyBehavior:N,isSelected:B}),ue=Object(c.useCallback)((function(e,n){var r;void 0===e&&(e={}),void 0===n&&(n=null);var o=f({},e,{style:f({},e.style,(r={transformOrigin:b.a.transformOrigin.varRef},r[b.a.arrowSize.var]=m?Object(i.Y)(m):void 0,r[b.a.arrowShadowColor.var]=g,r)),ref:Object(l.c)(A,n),children:ce?e.children:null,id:Z,tabIndex:-1,role:"dialog",onKeyDown:Object(i.i)(e.onKeyDown,(function(e){a&&"Escape"===e.key&&T()})),onBlur:Object(i.i)(e.onBlur,(function(e){var n=Object(i.x)(e),r=Object(i.j)(A.current,n),o=Object(i.j)(z.current,n);B&&t&&!r&&!o&&T()})),"aria-labelledby":W?$:void 0,"aria-describedby":Y?ee:void 0});return P===w&&(o.role="tooltip",o.onMouseEnter=Object(i.i)(e.onMouseEnter,(function(){K.current=!0})),o.onMouseLeave=Object(i.i)(e.onMouseLeave,(function(){K.current=!1,setTimeout(T,R)}))),o}),[ce,Z,W,$,Y,ee,P,a,T,B,t,R,g,m]),le=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),oe(f({},e,{style:f({visibility:B?"visible":"hidden"},e.style)}),n)}),[B,oe]),se=Object(c.useRef)(),de=Object(c.useRef)(),be=Object(c.useCallback)((function(e,n){void 0===e&&(e={}),void 0===n&&(n=null);var r=f({},e,{ref:Object(l.c)(z,n,re),id:X,"aria-haspopup":"dialog","aria-expanded":B,"aria-controls":Z});return P===k&&(r.onClick=Object(i.i)(e.onClick,L)),P===w&&(r.onFocus=Object(i.i)(e.onFocus,q),r.onBlur=Object(i.i)(e.onBlur,T),r.onKeyDown=Object(i.i)(e.onKeyDown,(function(e){"Escape"===e.key&&T()})),r.onMouseEnter=Object(i.i)(e.onMouseEnter,(function(){K.current=!0,se.current=window.setTimeout(q,E)})),r.onMouseLeave=Object(i.i)(e.onMouseLeave,(function(){K.current=!1,se.current&&(clearTimeout(se.current),se.current=void 0),de.current=window.setTimeout((function(){!1===K.current&&T()}),R)}))),r}),[X,B,Z,P,re,L,q,T,E,R]);Object(c.useEffect)((function(){return function(){se.current&&clearTimeout(se.current),de.current&&clearTimeout(de.current)}}),[]);var fe=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),f({},e,{id:$,ref:Object(l.c)(n,(function(e){G(!!e)}))})}),[$]),ve=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),f({},e,{id:ee,ref:Object(l.c)(n,(function(e){J(!!e)}))})}),[ee]);return{forceUpdate:ie,isOpen:B,onClose:T,getArrowProps:te,getArrowInnerProps:ae,getPopoverPositionerProps:le,getPopoverProps:ue,getTriggerProps:be,getHeaderProps:fe,getBodyProps:ve}}(f({},v(r,C),{direction:Object(t.j)().direction}));return c.createElement(O,{value:a},c.createElement(t.b,{value:n},Object(i.ab)(o,{isOpen:a.isOpen,onClose:a.onClose,forceUpdate:a.forceUpdate})))};i.b&&(D.displayName="Popover");var E=function(e){var n=c.Children.only(e.children),r=h().getTriggerProps;return c.cloneElement(n,r(n.props,n.ref))};i.b&&(E.displayName="PopoverTrigger");var x=Object(t.e)((function(e,n){var r=e.rootProps,o=v(e,P),a=h(),u=a.getPopoverProps,l=a.getPopoverPositionerProps,s=Object(t.i)(),d=f({position:"relative",display:"flex",flexDirection:"column"},s.content);return c.createElement(t.d.div,f({},l(r),{__css:s.popper,className:"chakra-popover__popper"}),c.createElement(g,f({},u(o,n),{className:Object(i.k)("chakra-popover__content",e.className),__css:d})))}));i.b&&(x.displayName="PopoverContent");var R=Object(t.e)((function(e,n){var r=h().getHeaderProps,o=Object(t.i)();return c.createElement(t.d.header,f({},r(e,n),{className:Object(i.k)("chakra-popover__header",e.className),__css:o.header}))}));i.b&&(R.displayName="PopoverHeader");var _=Object(t.e)((function(e,n){var r=h().getBodyProps,o=Object(t.i)();return c.createElement(t.d.div,f({},r(e,n),{className:Object(i.k)("chakra-popover__body",e.className),__css:o.body}))}));i.b&&(_.displayName="PopoverBody");i.b;i.b;var M=function(e){var n,r=e.bg,o=e.bgColor,a=e.backgroundColor,u=h(),l=u.getArrowProps,s=u.getArrowInnerProps,d=Object(t.i)(),b=null!=(n=null!=r?r:o)?n:a;return c.createElement(t.d.div,f({},l(),{className:"chakra-popover__arrow-positioner"}),c.createElement(t.d.div,f({className:Object(i.k)("chakra-popover__arrow",e.className)},s(e),{__css:f({},d.arrow,{"--popper-arrow-bg":b?"colors."+b+", "+b:void 0})})))};i.b&&(M.displayName="PopoverArrow")},150:function(e,n,r){"use strict";r.d(n,"a",(function(){return k})),r.d(n,"b",(function(){return j}));var t=r(3),o=r(54),a=r(1),i=r(0),c=r(12),u=r(11),l=r(92),s=r(60);function d(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}function b(){return b=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},b.apply(this,arguments)}var f=["onChange","value","defaultValue","name","isDisabled","isFocusable","isNative"];var v=["colorScheme","size","variant","children","className","isDisabled","isFocusable"],p=Object(c.a)({name:"RadioGroupContext",strict:!1}),O=p[0],h=p[1],j=Object(t.e)((function(e,n){var r=e.colorScheme,o=e.size,l=e.variant,s=e.children,p=e.className,h=e.isDisabled,j=e.isFocusable,m=function(e){void 0===e&&(e={});var n=e,r=n.onChange,t=n.value,o=n.defaultValue,l=n.name,s=n.isDisabled,v=n.isFocusable,p=n.isNative,O=d(n,f),h=i.useState(o||""),j=h[0],m=h[1],g=Object(u.e)(t,j),y=g[0],k=g[1],w=i.useRef(null),C=i.useCallback((function(){var e=w.current;if(e){var n="input:not(:disabled):checked",r=e.querySelector(n);if(r)r.focus();else{n="input:not(:disabled)";var t=e.querySelector(n);null==t||t.focus()}}}),[]),P=Object(u.m)(void 0,"radio"),D=l||P,E=i.useCallback((function(e){var n=Object(a.G)(e)?e.target.value:e;y||m(n),null==r||r(String(n))}),[r,y]),x=i.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:Object(c.c)(n,w),role:"radiogroup"})}),[]),R=i.useCallback((function(e,n){var r;return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,((r={ref:n,name:D})[p?"checked":"isChecked"]=null!=k?e.value===k:void 0,r.onChange=E,r["data-radiogroup"]=!0,r))}),[p,D,E,k]);return{getRootProps:x,getRadioProps:R,name:D,ref:w,focus:C,setValue:m,value:k,onChange:E,isDisabled:s,isFocusable:v,htmlProps:O}}(d(e,v)),g=m.value,y=m.onChange,k=m.getRootProps,w=m.name,C=m.htmlProps,P=i.useMemo((function(){return{name:w,size:o,onChange:y,colorScheme:r,value:g,variant:l,isDisabled:h,isFocusable:j}}),[w,o,y,r,g,l,h,j]),D=k(C,n),E=Object(a.k)("chakra-radio-group",p);return i.createElement(O,{value:P},i.createElement(t.d.div,b({},D,{className:E}),s))}));a.b&&(j.displayName="RadioGroup");var m=["defaultIsChecked","defaultChecked","isChecked","isFocusable","isDisabled","isReadOnly","isRequired","onChange","isInvalid","name","value","id","data-radiogroup"];function g(e){e.preventDefault(),e.stopPropagation()}var y=["spacing","children","isFullWidth","isDisabled","isFocusable"],k=Object(t.e)((function(e,n){var r,c=h(),f=e.onChange,v=e.value,p=Object(t.g)("Radio",b({},c,e)),O=Object(t.f)(e),j=O.spacing,k=void 0===j?"0.5rem":j,w=O.children,C=O.isFullWidth,P=O.isDisabled,D=void 0===P?null==c?void 0:c.isDisabled:P,E=O.isFocusable,x=void 0===E?null==c?void 0:c.isFocusable:E,R=d(O,y),_=e.isChecked;null!=(null==c?void 0:c.value)&&null!=v&&(_=c.value===v);var M=f;null!=c&&c.onChange&&null!=v&&(M=Object(a.h)(c.onChange,f));var N=function(e){void 0===e&&(e={});var n=e,r=n.defaultIsChecked,t=n.defaultChecked,o=void 0===t?r:t,c=n.isChecked,f=n.isFocusable,v=n.isDisabled,p=n.isReadOnly,O=n.isRequired,j=n.onChange,y=n.isInvalid,k=n.name,w=n.value,C=n.id,P=n["data-radiogroup"],D=d(n,m),E=Object(u.m)(void 0,"radio"),x=Object(l.b)(),R=h(),_=!x||R||P?E:x.id;_=null!=C?C:_;var M=null!=v?v:null==x?void 0:x.isDisabled,N=null!=p?p:null==x?void 0:x.isReadOnly,S=null!=O?O:null==x?void 0:x.isRequired,F=null!=y?y:null==x?void 0:x.isInvalid,I=Object(u.b)(),B=I[0],T=I[1],q=Object(u.b)(),L=q[0],z=q[1],A=Object(u.b)(),K=A[0],U=A[1],H=Object(i.useState)(Boolean(o)),W=H[0],G=H[1],V=Object(u.e)(c,W),Y=V[0],J=V[1];Object(a.db)({condition:!!r,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var Q=Object(i.useCallback)((function(e){N||M?e.preventDefault():(Y||G(e.target.checked),null==j||j(e))}),[Y,M,N,j]),X=Object(i.useCallback)((function(e){" "===e.key&&U.on()}),[U]),Z=Object(i.useCallback)((function(e){" "===e.key&&U.off()}),[U]),$=Object(i.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:n,"data-active":Object(a.l)(K),"data-hover":Object(a.l)(L),"data-disabled":Object(a.l)(M),"data-invalid":Object(a.l)(F),"data-checked":Object(a.l)(J),"data-focus":Object(a.l)(B),"data-readonly":Object(a.l)(N),"aria-hidden":!0,onMouseDown:Object(a.i)(e.onMouseDown,U.on),onMouseUp:Object(a.i)(e.onMouseUp,U.off),onMouseEnter:Object(a.i)(e.onMouseEnter,z.on),onMouseLeave:Object(a.i)(e.onMouseLeave,z.off)})}),[K,L,M,F,J,B,N,U.on,U.off,z.on,z.off]),ee=null!=x?x:{},ne=ee.onFocus,re=ee.onBlur,te=Object(i.useCallback)((function(e,n){void 0===e&&(e={}),void 0===n&&(n=null);var r=M&&!f;return b({},e,{id:_,ref:n,type:"radio",name:k,value:w,onChange:Object(a.i)(e.onChange,Q),onBlur:Object(a.i)(re,e.onBlur,T.off),onFocus:Object(a.i)(ne,e.onFocus,T.on),onKeyDown:Object(a.i)(e.onKeyDown,X),onKeyUp:Object(a.i)(e.onKeyUp,Z),checked:J,disabled:r,readOnly:N,required:S,"aria-invalid":Object(a.e)(F),"aria-disabled":Object(a.e)(r),"aria-required":Object(a.e)(S),"data-readonly":Object(a.l)(N),style:s.b})}),[M,f,_,k,w,Q,re,T,ne,X,Z,J,N,S,F]);return{state:{isInvalid:F,isFocused:B,isChecked:J,isActive:K,isHovered:L,isDisabled:M,isReadOnly:N,isRequired:S},getCheckboxProps:$,getInputProps:te,getLabelProps:function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:n,onMouseDown:Object(a.i)(e.onMouseDown,g),onTouchStart:Object(a.i)(e.onTouchStart,g),"data-disabled":Object(a.l)(M),"data-checked":Object(a.l)(J),"data-invalid":Object(a.l)(F)})},getRootProps:function(e,n){return void 0===n&&(n=null),b({},e,{ref:n,"data-disabled":Object(a.l)(M),"data-checked":Object(a.l)(J),"data-invalid":Object(a.l)(F)})},htmlProps:D}}(b({},R,{isChecked:_,isFocusable:x,isDisabled:D,onChange:M,name:null!=(r=null==e?void 0:e.name)?r:null==c?void 0:c.name})),S=N.getInputProps,F=N.getCheckboxProps,I=N.getLabelProps,B=N.getRootProps,T=N.htmlProps,q=Object(a.bb)(T,o.c),L=q[0],z=F(q[1]),A=S({},n),K=I(),U=Object.assign({},L,B()),H=b({width:C?"full":void 0,display:"inline-flex",alignItems:"center",verticalAlign:"top",cursor:"pointer"},p.container),W=b({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},p.control),G=b({userSelect:"none",marginStart:k},p.label);return i.createElement(t.d.label,b({className:"chakra-radio"},U,{__css:H}),i.createElement("input",b({className:"chakra-radio__input"},A)),i.createElement(t.d.span,b({className:"chakra-radio__control"},z,{__css:W})),w&&i.createElement(t.d.span,b({className:"chakra-radio__label"},K,{__css:G}),w))}));a.b&&(k.displayName="Radio")},592:function(e,n,r){"use strict";r.d(n,"a",(function(){return v}));var t=r(265),o=r(208),a=r(201);function i(e,n){Object(a.a)(2,arguments);var r=Object(o.a)(e),t=Object(o.a)(n),i=r.getTime()-t.getTime();return i<0?-1:i>0?1:i}function c(e){return function(e,n){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var r in n=n||{})Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}({},e)}var u=r(294),l=6e4,s=1440,d=43200,b=525600;function f(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object(a.a)(2,arguments);var f=r.locale||u.a;if(!f.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var v=i(e,n);if(isNaN(v))throw new RangeError("Invalid time value");var p,O,h=c(r);h.addSuffix=Boolean(r.addSuffix),h.comparison=v,v>0?(p=Object(o.a)(n),O=Object(o.a)(e)):(p=Object(o.a)(e),O=Object(o.a)(n));var j,m=null==r.roundingMethod?"round":String(r.roundingMethod);if("floor"===m)j=Math.floor;else if("ceil"===m)j=Math.ceil;else{if("round"!==m)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");j=Math.round}var g,y=O.getTime()-p.getTime(),k=y/l,w=Object(t.a)(O)-Object(t.a)(p),C=(y-w)/l;if("second"===(g=null==r.unit?k<1?"second":k<60?"minute":k<s?"hour":C<d?"day":C<b?"month":"year":String(r.unit))){var P=j(y/1e3);return f.formatDistance("xSeconds",P,h)}if("minute"===g){var D=j(k);return f.formatDistance("xMinutes",D,h)}if("hour"===g){var E=j(k/60);return f.formatDistance("xHours",E,h)}if("day"===g){var x=j(C/s);return f.formatDistance("xDays",x,h)}if("month"===g){var R=j(C/d);return 12===R&&"month"!==r.unit?f.formatDistance("xYears",1,h):f.formatDistance("xMonths",R,h)}if("year"===g){var _=j(C/b);return f.formatDistance("xYears",_,h)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function v(e,n){return Object(a.a)(1,arguments),f(e,Date.now(),n)}}}]);
-//# sourceMappingURL=9.4a5b1b09.chunk.js.map
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[9],{147:function(e,n,r){"use strict";r.d(n,"a",(function(){return p}));var t=r(3),o=r(1),a=r(0),i=r.n(a),c=r(90);o.B?a.useLayoutEffect:a.useEffect;o.b;o.b;function u(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function s(e){return Object.entries(e).sort((function(e,n){return Number.parseInt(e[1],10)>Number.parseInt(n[1],10)?1:-1})).map((function(e,n,r){var t=e[0],o=e[1],a=r[n+1],i=a?a[1]:void 0,c=function(e,n){if(!(parseInt(e,10)>=0)&&!n)return"";var r="(min-width: "+b(e)+")";if(!n)return r;r&&(r+=" and ");return r+="(max-width: "+b(function(e){return function(e,n){if("number"===typeof e)return""+(e+n);return e.replace(d,(function(e){return""+(parseFloat(e)+n)}))}(e,e.endsWith("px")?-1:-.01)}(n))+")"}(o,i);return{minWidth:o,maxWidth:i,breakpoint:t,query:c}}))}var d=/([0-9]+\.?[0-9]*)/;function b(e){return Object(o.I)(e)?e+"px":e}var f=["query"],v=["query"];function p(e,n){var r=function(e){var n=Object(t.j)().breakpoints,r=Object(c.b)(),o=i.a.useMemo((function(){return s(l({base:"0px"},n))}),[n]),a=i.a.useState((function(){if(e){var n=o.find((function(n){return n.breakpoint===e}));if(n)return n.query,u(n,f)}})),d=a[0],b=a[1],p=null==d?void 0:d.breakpoint,O=i.a.useCallback((function(e,n){e.matches&&p!==n.breakpoint&&b(n)}),[p]);return i.a.useEffect((function(){var e=new Set;return o.forEach((function(n){var t=n.query,o=u(n,v),a=r.window.matchMedia(t);O(a,o);var i=function(){O(a,o)};return a.addListener(i),e.add({mediaQuery:a,handleChange:i}),function(){a.removeListener(i)}})),function(){e.forEach((function(e){var n=e.mediaQuery,r=e.handleChange;n.removeListener(r)})),e.clear()}}),[o,n,O,r.window]),p}(n),a=Object(t.j)();if(r){var d=Object.keys(a.breakpoints);return function(e,n,r){void 0===r&&(r=o.g);var t=Object.keys(e).indexOf(n);if(-1!==t)return e[n];for(var a=r.indexOf(n);a>=0;){if(null!=e[r[a]]){t=a;break}a-=1}return-1!==t?e[r[t]]:void 0}(Object(o.A)(e)?Object(o.q)(Object.entries(Object(o.f)(e,d)).map((function(e){return[e[0],e[1]]}))):e,r,d)}}},151:function(e,n,r){"use strict";r.d(n,"a",(function(){return D})),r.d(n,"b",(function(){return M})),r.d(n,"c",(function(){return _})),r.d(n,"d",(function(){return x})),r.d(n,"e",(function(){return E}));r(91);var t=r(3),o=r(50),a=r.n(o),i=r(1),c=r(0),u=r.n(c),l=r(12),s=r(33),d=r(11),b=r(47);function f(){return f=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(this,arguments)}function v(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}var p=Object(l.a)({name:"PopoverContext",errorMessage:"usePopoverContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Popover />`"}),O=p[0],h=p[1],j=function(e){if(e)return a()(e,{enter:{visibility:"visible"},exit:{transitionEnd:{visibility:"hidden"}}})},m=Object(s.a)(t.d.section),g=u.a.forwardRef((function(e,n){var r=h().isOpen;return u.a.createElement(m,f({ref:n,variants:j(e.variants)},e,{initial:!1,animate:r?"enter":"exit"}))}));g.defaultProps={variants:{exit:{opacity:0,scale:.95,transition:{duration:.1,ease:[.4,0,1,1]}},enter:{scale:1,opacity:1,transition:{duration:.15,ease:[0,0,.2,1]}}}};var y=["closeOnBlur","closeOnEsc","initialFocusRef","id","returnFocusOnClose","autoFocus","arrowSize","arrowShadowColor","trigger","openDelay","closeDelay","isLazy","lazyBehavior","computePositionOnMount"],k="click",w="hover";var C=["children"],P=["rootProps"],D=function(e){var n=Object(t.g)("Popover",e),r=Object(t.f)(e),o=r.children,a=function(e){void 0===e&&(e={});var n=e,r=n.closeOnBlur,t=void 0===r||r,o=n.closeOnEsc,a=void 0===o||o,u=n.initialFocusRef,s=n.id,p=n.returnFocusOnClose,O=void 0===p||p,h=n.autoFocus,j=void 0===h||h,m=n.arrowSize,g=n.arrowShadowColor,C=n.trigger,P=void 0===C?k:C,D=n.openDelay,E=void 0===D?200:D,x=n.closeDelay,R=void 0===x?200:x,_=n.isLazy,M=n.lazyBehavior,N=void 0===M?"unmount":M,S=n.computePositionOnMount,F=v(n,y),I=Object(d.g)(e),B=I.isOpen,T=I.onClose,q=I.onOpen,L=I.onToggle,z=Object(c.useRef)(null),A=Object(c.useRef)(null),K=Object(c.useRef)(!1),U=Object(c.useRef)(!1);B&&(U.current=!0);var H=Object(c.useState)(!1),W=H[0],G=H[1],V=Object(c.useState)(!1),Y=V[0],J=V[1],Q=Object(d.n)(s,"popover-trigger","popover-content","popover-header","popover-body"),X=Q[0],Z=Q[1],$=Q[2],ee=Q[3],ne=Object(b.b)(f({},F,{enabled:B||!!S})),re=ne.referenceRef,te=ne.getArrowProps,oe=ne.getPopperProps,ae=ne.getArrowInnerProps,ie=ne.forceUpdate;Object(d.j)({enabled:B,ref:z}),Object(d.i)(A,{focusRef:z,visible:B,shouldFocus:O&&P===k}),Object(d.k)(A,{focusRef:u,visible:B,shouldFocus:j&&P===k});var ce=Object(i.n)({hasBeenSelected:U.current,isLazy:_,lazyBehavior:N,isSelected:B}),ue=Object(c.useCallback)((function(e,n){var r;void 0===e&&(e={}),void 0===n&&(n=null);var o=f({},e,{style:f({},e.style,(r={transformOrigin:b.a.transformOrigin.varRef},r[b.a.arrowSize.var]=m?Object(i.Y)(m):void 0,r[b.a.arrowShadowColor.var]=g,r)),ref:Object(l.c)(A,n),children:ce?e.children:null,id:Z,tabIndex:-1,role:"dialog",onKeyDown:Object(i.i)(e.onKeyDown,(function(e){a&&"Escape"===e.key&&T()})),onBlur:Object(i.i)(e.onBlur,(function(e){var n=Object(i.x)(e),r=Object(i.j)(A.current,n),o=Object(i.j)(z.current,n);B&&t&&!r&&!o&&T()})),"aria-labelledby":W?$:void 0,"aria-describedby":Y?ee:void 0});return P===w&&(o.role="tooltip",o.onMouseEnter=Object(i.i)(e.onMouseEnter,(function(){K.current=!0})),o.onMouseLeave=Object(i.i)(e.onMouseLeave,(function(){K.current=!1,setTimeout(T,R)}))),o}),[ce,Z,W,$,Y,ee,P,a,T,B,t,R,g,m]),le=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),oe(f({},e,{style:f({visibility:B?"visible":"hidden"},e.style)}),n)}),[B,oe]),se=Object(c.useRef)(),de=Object(c.useRef)(),be=Object(c.useCallback)((function(e,n){void 0===e&&(e={}),void 0===n&&(n=null);var r=f({},e,{ref:Object(l.c)(z,n,re),id:X,"aria-haspopup":"dialog","aria-expanded":B,"aria-controls":Z});return P===k&&(r.onClick=Object(i.i)(e.onClick,L)),P===w&&(r.onFocus=Object(i.i)(e.onFocus,q),r.onBlur=Object(i.i)(e.onBlur,T),r.onKeyDown=Object(i.i)(e.onKeyDown,(function(e){"Escape"===e.key&&T()})),r.onMouseEnter=Object(i.i)(e.onMouseEnter,(function(){K.current=!0,se.current=window.setTimeout(q,E)})),r.onMouseLeave=Object(i.i)(e.onMouseLeave,(function(){K.current=!1,se.current&&(clearTimeout(se.current),se.current=void 0),de.current=window.setTimeout((function(){!1===K.current&&T()}),R)}))),r}),[X,B,Z,P,re,L,q,T,E,R]);Object(c.useEffect)((function(){return function(){se.current&&clearTimeout(se.current),de.current&&clearTimeout(de.current)}}),[]);var fe=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),f({},e,{id:$,ref:Object(l.c)(n,(function(e){G(!!e)}))})}),[$]),ve=Object(c.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),f({},e,{id:ee,ref:Object(l.c)(n,(function(e){J(!!e)}))})}),[ee]);return{forceUpdate:ie,isOpen:B,onClose:T,getArrowProps:te,getArrowInnerProps:ae,getPopoverPositionerProps:le,getPopoverProps:ue,getTriggerProps:be,getHeaderProps:fe,getBodyProps:ve}}(f({},v(r,C),{direction:Object(t.j)().direction}));return c.createElement(O,{value:a},c.createElement(t.b,{value:n},Object(i.ab)(o,{isOpen:a.isOpen,onClose:a.onClose,forceUpdate:a.forceUpdate})))};i.b&&(D.displayName="Popover");var E=function(e){var n=c.Children.only(e.children),r=h().getTriggerProps;return c.cloneElement(n,r(n.props,n.ref))};i.b&&(E.displayName="PopoverTrigger");var x=Object(t.e)((function(e,n){var r=e.rootProps,o=v(e,P),a=h(),u=a.getPopoverProps,l=a.getPopoverPositionerProps,s=Object(t.i)(),d=f({position:"relative",display:"flex",flexDirection:"column"},s.content);return c.createElement(t.d.div,f({},l(r),{__css:s.popper,className:"chakra-popover__popper"}),c.createElement(g,f({},u(o,n),{className:Object(i.k)("chakra-popover__content",e.className),__css:d})))}));i.b&&(x.displayName="PopoverContent");var R=Object(t.e)((function(e,n){var r=h().getHeaderProps,o=Object(t.i)();return c.createElement(t.d.header,f({},r(e,n),{className:Object(i.k)("chakra-popover__header",e.className),__css:o.header}))}));i.b&&(R.displayName="PopoverHeader");var _=Object(t.e)((function(e,n){var r=h().getBodyProps,o=Object(t.i)();return c.createElement(t.d.div,f({},r(e,n),{className:Object(i.k)("chakra-popover__body",e.className),__css:o.body}))}));i.b&&(_.displayName="PopoverBody");i.b;i.b;var M=function(e){var n,r=e.bg,o=e.bgColor,a=e.backgroundColor,u=h(),l=u.getArrowProps,s=u.getArrowInnerProps,d=Object(t.i)(),b=null!=(n=null!=r?r:o)?n:a;return c.createElement(t.d.div,f({},l(),{className:"chakra-popover__arrow-positioner"}),c.createElement(t.d.div,f({className:Object(i.k)("chakra-popover__arrow",e.className)},s(e),{__css:f({},d.arrow,{"--popper-arrow-bg":b?"colors."+b+", "+b:void 0})})))};i.b&&(M.displayName="PopoverArrow")},152:function(e,n,r){"use strict";r.d(n,"a",(function(){return k})),r.d(n,"b",(function(){return j}));var t=r(3),o=r(55),a=r(1),i=r(0),c=r(12),u=r(11),l=r(85),s=r(60);function d(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}function b(){return b=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},b.apply(this,arguments)}var f=["onChange","value","defaultValue","name","isDisabled","isFocusable","isNative"];var v=["colorScheme","size","variant","children","className","isDisabled","isFocusable"],p=Object(c.a)({name:"RadioGroupContext",strict:!1}),O=p[0],h=p[1],j=Object(t.e)((function(e,n){var r=e.colorScheme,o=e.size,l=e.variant,s=e.children,p=e.className,h=e.isDisabled,j=e.isFocusable,m=function(e){void 0===e&&(e={});var n=e,r=n.onChange,t=n.value,o=n.defaultValue,l=n.name,s=n.isDisabled,v=n.isFocusable,p=n.isNative,O=d(n,f),h=i.useState(o||""),j=h[0],m=h[1],g=Object(u.e)(t,j),y=g[0],k=g[1],w=i.useRef(null),C=i.useCallback((function(){var e=w.current;if(e){var n="input:not(:disabled):checked",r=e.querySelector(n);if(r)r.focus();else{n="input:not(:disabled)";var t=e.querySelector(n);null==t||t.focus()}}}),[]),P=Object(u.m)(void 0,"radio"),D=l||P,E=i.useCallback((function(e){var n=Object(a.G)(e)?e.target.value:e;y||m(n),null==r||r(String(n))}),[r,y]),x=i.useCallback((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:Object(c.c)(n,w),role:"radiogroup"})}),[]),R=i.useCallback((function(e,n){var r;return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,((r={ref:n,name:D})[p?"checked":"isChecked"]=null!=k?e.value===k:void 0,r.onChange=E,r["data-radiogroup"]=!0,r))}),[p,D,E,k]);return{getRootProps:x,getRadioProps:R,name:D,ref:w,focus:C,setValue:m,value:k,onChange:E,isDisabled:s,isFocusable:v,htmlProps:O}}(d(e,v)),g=m.value,y=m.onChange,k=m.getRootProps,w=m.name,C=m.htmlProps,P=i.useMemo((function(){return{name:w,size:o,onChange:y,colorScheme:r,value:g,variant:l,isDisabled:h,isFocusable:j}}),[w,o,y,r,g,l,h,j]),D=k(C,n),E=Object(a.k)("chakra-radio-group",p);return i.createElement(O,{value:P},i.createElement(t.d.div,b({},D,{className:E}),s))}));a.b&&(j.displayName="RadioGroup");var m=["defaultIsChecked","defaultChecked","isChecked","isFocusable","isDisabled","isReadOnly","isRequired","onChange","isInvalid","name","value","id","data-radiogroup"];function g(e){e.preventDefault(),e.stopPropagation()}var y=["spacing","children","isFullWidth","isDisabled","isFocusable"],k=Object(t.e)((function(e,n){var r,c=h(),f=e.onChange,v=e.value,p=Object(t.g)("Radio",b({},c,e)),O=Object(t.f)(e),j=O.spacing,k=void 0===j?"0.5rem":j,w=O.children,C=O.isFullWidth,P=O.isDisabled,D=void 0===P?null==c?void 0:c.isDisabled:P,E=O.isFocusable,x=void 0===E?null==c?void 0:c.isFocusable:E,R=d(O,y),_=e.isChecked;null!=(null==c?void 0:c.value)&&null!=v&&(_=c.value===v);var M=f;null!=c&&c.onChange&&null!=v&&(M=Object(a.h)(c.onChange,f));var N=function(e){void 0===e&&(e={});var n=e,r=n.defaultIsChecked,t=n.defaultChecked,o=void 0===t?r:t,c=n.isChecked,f=n.isFocusable,v=n.isDisabled,p=n.isReadOnly,O=n.isRequired,j=n.onChange,y=n.isInvalid,k=n.name,w=n.value,C=n.id,P=n["data-radiogroup"],D=d(n,m),E=Object(u.m)(void 0,"radio"),x=Object(l.b)(),R=h(),_=!x||R||P?E:x.id;_=null!=C?C:_;var M=null!=v?v:null==x?void 0:x.isDisabled,N=null!=p?p:null==x?void 0:x.isReadOnly,S=null!=O?O:null==x?void 0:x.isRequired,F=null!=y?y:null==x?void 0:x.isInvalid,I=Object(u.b)(),B=I[0],T=I[1],q=Object(u.b)(),L=q[0],z=q[1],A=Object(u.b)(),K=A[0],U=A[1],H=Object(i.useState)(Boolean(o)),W=H[0],G=H[1],V=Object(u.e)(c,W),Y=V[0],J=V[1];Object(a.db)({condition:!!r,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var Q=Object(i.useCallback)((function(e){N||M?e.preventDefault():(Y||G(e.target.checked),null==j||j(e))}),[Y,M,N,j]),X=Object(i.useCallback)((function(e){" "===e.key&&U.on()}),[U]),Z=Object(i.useCallback)((function(e){" "===e.key&&U.off()}),[U]),$=Object(i.useCallback)((function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:n,"data-active":Object(a.l)(K),"data-hover":Object(a.l)(L),"data-disabled":Object(a.l)(M),"data-invalid":Object(a.l)(F),"data-checked":Object(a.l)(J),"data-focus":Object(a.l)(B),"data-readonly":Object(a.l)(N),"aria-hidden":!0,onMouseDown:Object(a.i)(e.onMouseDown,U.on),onMouseUp:Object(a.i)(e.onMouseUp,U.off),onMouseEnter:Object(a.i)(e.onMouseEnter,z.on),onMouseLeave:Object(a.i)(e.onMouseLeave,z.off)})}),[K,L,M,F,J,B,N,U.on,U.off,z.on,z.off]),ee=null!=x?x:{},ne=ee.onFocus,re=ee.onBlur,te=Object(i.useCallback)((function(e,n){void 0===e&&(e={}),void 0===n&&(n=null);var r=M&&!f;return b({},e,{id:_,ref:n,type:"radio",name:k,value:w,onChange:Object(a.i)(e.onChange,Q),onBlur:Object(a.i)(re,e.onBlur,T.off),onFocus:Object(a.i)(ne,e.onFocus,T.on),onKeyDown:Object(a.i)(e.onKeyDown,X),onKeyUp:Object(a.i)(e.onKeyUp,Z),checked:J,disabled:r,readOnly:N,required:S,"aria-invalid":Object(a.e)(F),"aria-disabled":Object(a.e)(r),"aria-required":Object(a.e)(S),"data-readonly":Object(a.l)(N),style:s.b})}),[M,f,_,k,w,Q,re,T,ne,X,Z,J,N,S,F]);return{state:{isInvalid:F,isFocused:B,isChecked:J,isActive:K,isHovered:L,isDisabled:M,isReadOnly:N,isRequired:S},getCheckboxProps:$,getInputProps:te,getLabelProps:function(e,n){return void 0===e&&(e={}),void 0===n&&(n=null),b({},e,{ref:n,onMouseDown:Object(a.i)(e.onMouseDown,g),onTouchStart:Object(a.i)(e.onTouchStart,g),"data-disabled":Object(a.l)(M),"data-checked":Object(a.l)(J),"data-invalid":Object(a.l)(F)})},getRootProps:function(e,n){return void 0===n&&(n=null),b({},e,{ref:n,"data-disabled":Object(a.l)(M),"data-checked":Object(a.l)(J),"data-invalid":Object(a.l)(F)})},htmlProps:D}}(b({},R,{isChecked:_,isFocusable:x,isDisabled:D,onChange:M,name:null!=(r=null==e?void 0:e.name)?r:null==c?void 0:c.name})),S=N.getInputProps,F=N.getCheckboxProps,I=N.getLabelProps,B=N.getRootProps,T=N.htmlProps,q=Object(a.bb)(T,o.c),L=q[0],z=F(q[1]),A=S({},n),K=I(),U=Object.assign({},L,B()),H=b({width:C?"full":void 0,display:"inline-flex",alignItems:"center",verticalAlign:"top",cursor:"pointer"},p.container),W=b({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},p.control),G=b({userSelect:"none",marginStart:k},p.label);return i.createElement(t.d.label,b({className:"chakra-radio"},U,{__css:H}),i.createElement("input",b({className:"chakra-radio__input"},A)),i.createElement(t.d.span,b({className:"chakra-radio__control"},z,{__css:W})),w&&i.createElement(t.d.span,b({className:"chakra-radio__label"},K,{__css:G}),w))}));a.b&&(k.displayName="Radio")},593:function(e,n,r){"use strict";r.d(n,"a",(function(){return v}));var t=r(266),o=r(209),a=r(202);function i(e,n){Object(a.a)(2,arguments);var r=Object(o.a)(e),t=Object(o.a)(n),i=r.getTime()-t.getTime();return i<0?-1:i>0?1:i}function c(e){return function(e,n){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var r in n=n||{})Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}({},e)}var u=r(295),l=6e4,s=1440,d=43200,b=525600;function f(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object(a.a)(2,arguments);var f=r.locale||u.a;if(!f.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var v=i(e,n);if(isNaN(v))throw new RangeError("Invalid time value");var p,O,h=c(r);h.addSuffix=Boolean(r.addSuffix),h.comparison=v,v>0?(p=Object(o.a)(n),O=Object(o.a)(e)):(p=Object(o.a)(e),O=Object(o.a)(n));var j,m=null==r.roundingMethod?"round":String(r.roundingMethod);if("floor"===m)j=Math.floor;else if("ceil"===m)j=Math.ceil;else{if("round"!==m)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");j=Math.round}var g,y=O.getTime()-p.getTime(),k=y/l,w=Object(t.a)(O)-Object(t.a)(p),C=(y-w)/l;if("second"===(g=null==r.unit?k<1?"second":k<60?"minute":k<s?"hour":C<d?"day":C<b?"month":"year":String(r.unit))){var P=j(y/1e3);return f.formatDistance("xSeconds",P,h)}if("minute"===g){var D=j(k);return f.formatDistance("xMinutes",D,h)}if("hour"===g){var E=j(k/60);return f.formatDistance("xHours",E,h)}if("day"===g){var x=j(C/s);return f.formatDistance("xDays",x,h)}if("month"===g){var R=j(C/d);return 12===R&&"month"!==r.unit?f.formatDistance("xYears",1,h):f.formatDistance("xMonths",R,h)}if("year"===g){var _=j(C/b);return f.formatDistance("xYears",_,h)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function v(e,n){return Object(a.a)(1,arguments),f(e,Date.now(),n)}}}]);
+//# sourceMappingURL=9.cd98fda9.chunk.js.map