construct-hub 0.3.74 → 0.3.78

package/website/static/js/8.64914ea1.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","hooks/useQueryParams/useQueryParams.ts","hooks/useLanguage/useLanguage.ts","util/css.ts","constants/keywords.ts","components/PackageCard/constants.ts","components/PackageCard/testIds.ts","components/PackageCard/Details.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","hooks/useConfigValue/useConfigValue.ts","components/Time/Time.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/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","home","event","name","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","useQueryParams","useLocation","useMemo","URLSearchParams","defaultLang","Language","TypeScript","LOCAL_KEY","isValidLang","lang","TEMP_SUPPORTED_LANGUAGES","has","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","makeGridAreas","rows","map","row","col","join","KEYWORD_IGNORE_LIST","Set","PackageCardType","testIds","createTestIds","Detail","dataTestid","icon","label","tooltip","value","hasArrow","isDisabled","placement","fontSize","zIndex","Details","currentLanguage","usePackageCard","author","date","metadata","version","data","useStats","downloads","packages","npm","authorName","undefined","Download","toLocaleString","published","Time","Date","format","NavLink","color","to","getSearchPath","query","Heading","comment","constructFramework","cdkType","cdkVersion","majorVersion","as","Link","getPackagePath","align","CDKType","mr","fontWeight","wordBreak","lineHeight","noOfLines","Highlight","direction","spacing","alt","src","w","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","borderRadius","h","opacity","LanguageSupportTooltip","Languages","pkg","Tags","keywords","packageTags","tags","filter","tag","Boolean","keyword","v","id","slice","PackageTag","variant","GRID_AREA","gridAreasMd","gridAreasMobile","WideCard","highlights","reduce","accum","highlight","_hover","bg","autoColumns","autoRows","border","boxShadow","wideContainer","gap","p","templateAreas","base","gridArea","display","maxH","overflow","alignItems","alignSelf","templateColumns","templateRows","PackageCardContext","createContext","useContext","PackageCard","Wide","Provider","useConfigValue","key","useConfig","forwardRef","ref","formatString","boxProps","dateTime","toISOString","displayName","tagProps","textDecoration","isSupported","langName","LANGUAGE_NAME_MAP","message","FilterHeading","hint","colorScheme","strategy","Question","ml","px","py","shadow","RadioFilter","checkedValue","onValueChange","onChange","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","TAGS","SORT","CDK_TYPE","cdkMajorParam","CDK_MAJOR","cdkMajor","searchAPI","useCatalogSearch","defaultCdkMajor","defaultCdkType","defaultLanguages","defaultQuery","defaultSort","defaultTags","setQuery","limit","CDKFilter","setCdkType","setCdkMajor","useSearchContext","cdkOptions","cdkTypes","constructFrameworks","opts","pkgCount","CDKTYPE_NAME_MAP","length","majorsOptions","majorVersions","a","b","cdkTypeFilter","type","cdk","values","cdkVersionFilter","major","majorNum","CheckboxFilter","checkedValues","getOnChange","disabledHint","isChecked","languageOptions","l1","l2","LanguageFilter","setLanguages","languagesFilter","l","TagFilter","tagFilterGroups","searchFilter","groupName","groupBy","setTags","onTagsChange","t","tagItems","TOP_OFFSET","FilterPanel","Card","filtersPanel","maxW","minW","pos","top","listViews","items","PackageList","memo","cardView","loading","View","ArrowButton","getPageUrl","props","borderColor","mx","disabled","GoToPage","pageLimit","inputValue","setInputValue","push","onSubmit","e","preventDefault","max","min","target","textAlign","PageControls","nextOffset","prevOffset","justify","prevPage","ChevronLeftIcon","goToPage","nextPage","ChevronRightIcon","Em","SearchDetails","count","filtered","first","last","searchDetails","SortFilter","setSort","newSort","SortAndFilterDrawer","drawer","useDisclosure","onClick","onOpen","rightIcon","ChevronDown","pb","SortedBy","selected","Button","sortButton","pl","pr","sortDropdown","sortItem","SearchResults","isFirstRender","useRef","onSearch","useCatalogResults","results","getUrl","q","current","SearchBar","onQueryChange","SearchRedesign"],"mappings":"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","file":"static/js/8.64914ea1.chunk.js","sourcesContent":["export const pageInfo = {\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\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\n            content=\"default-src 'self' 'unsafe-inline' https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; connect-src 'self' https://*.shortbread.aws.dev ws://localhost:3000 https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; frame-src 'none'; img-src 'self' https://* http://*.omtrdc.net; object-src 'none'; style-src 'self' 'unsafe-inline';\"\n            httpEquiv=\"Content-Security-Policy\"\n          />\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 { 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 { 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","/**\n * @fileoverview CSS Related Utils\n */\n\n/**\n * Translates a series of grid row definitions into a grid area string\n * ```ts\n * const gridAreas = makeGridAreas(\n *  [\"header\", \"header\", \"header\"],\n *  [\"aside\", \"main\", \"main\"],\n *  [\"aside\", \"footer\", \"footer\"]\n * ); // `\"header header header\" \"aside main main\" \"aside footer footer\"`\n *\n * const withBlank = makeGridAreas(\n *   [\"header\", null, \"main\"]\n * ); // `\"header . main\"`\n * ```\n */\nexport const makeGridAreas = (...rows: (string | null)[][]): string => {\n  return rows\n    .map((row) => `\"${row.map((col) => col ?? \".\").join(\" \")}\"`)\n    .join(\" \");\n};\n","export const KEYWORD_IGNORE_LIST = new Set([\n  \"aws-cdk\",\n  \"aws\",\n  \"awscdk\",\n  \"cdk-construct\",\n  \"cdk\",\n  \"construct\",\n  \"constructs\",\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 { DownloadIcon } from \"@chakra-ui/icons\";\nimport { Text, Tooltip } from \"@chakra-ui/react\";\nimport { FunctionComponent, ReactChild } from \"react\";\nimport { useStats } from \"../../contexts/Stats\";\nimport { useLanguage } from \"../../hooks/useLanguage\";\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  icon?: ReactChild;\n  tooltip?: string;\n  label: string;\n  value: ReactChild;\n}\n\nconst Detail: FunctionComponent<DetailProps> = ({\n  \"data-testid\": dataTestid,\n  icon,\n  label,\n  tooltip,\n  value,\n}) => (\n  <Tooltip hasArrow isDisabled={!tooltip} label={tooltip} placement=\"auto\">\n    {/* zIndex required to allow tooltip to display due to card link overlay */}\n    <Text data-testid={dataTestid} fontSize=\"xs\" zIndex={1}>\n      {icon}\n      {icon ? \" \" : \"\"}\n      <strong>{label}</strong> {value}\n    </Text>\n  </Tooltip>\n);\n\nexport const Details: FunctionComponent = () => {\n  const [currentLanguage] = useLanguage();\n\n  const {\n    author,\n    metadata: { date },\n    version,\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\n  return (\n    <>\n      {downloads !== undefined && downloads >= 10 ? (\n        <Detail\n          data-testid={testIds.downloads}\n          icon={<DownloadIcon />}\n          label={downloads.toLocaleString()}\n          tooltip=\"Download numbers are periodically sourced from the NPM registry\"\n          value={\"Weekly downloads\"}\n        />\n      ) : (\n        <Detail data-testid={testIds.version} label=\"Version\" value={version} />\n      )}\n      <Detail\n        data-testid={testIds.published}\n        label=\"Published\"\n        value={\n          <Time date={new Date(date)} fontSize=\"xs\" format=\"MMM dd, yyyy\" />\n        }\n      />\n      <Detail\n        data-testid={testIds.author}\n        label=\"Author\"\n        value={\n          <NavLink\n            color=\"blue.500\"\n            to={getSearchPath({\n              query: authorName,\n              language: currentLanguage,\n            })}\n          >\n            {authorName}\n          </NavLink>\n        }\n      />\n    </>\n  );\n};\n","import {\n  Flex,\n  Heading as ChakraHeading,\n  LinkOverlay,\n  Text,\n  Tooltip,\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 { CDKTypeIcon, CDKTypeText } from \"../CDKType\";\nimport { usePackageCard } from \"./PackageCard\";\nimport testIds from \"./testIds\";\n\nexport const Heading: FunctionComponent = () => {\n  const [currentLanguage] = useLanguage();\n  const {\n    comment,\n    description,\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          {cdkType && (\n            <Tooltip\n              hasArrow\n              label={<CDKTypeText majorVersion={cdkVersion} name={cdkType} />}\n              placement=\"top\"\n            >\n              <CDKTypeIcon mr={2} name={cdkType} zIndex={1} />\n            </Tooltip>\n          )}\n          <ChakraHeading\n            as=\"h3\"\n            color=\"blue.800\"\n            data-testid={testIds.title}\n            fontSize=\"md\"\n            fontWeight=\"bold\"\n            wordBreak=\"break-all\"\n          >\n            {name}\n          </ChakraHeading>\n        </Flex>\n      </LinkOverlay>\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      {comment && (\n        <Text\n          data-testid={testIds.comment}\n          fontSize=\"md\"\n          lineHeight=\"tall\"\n          noOfLines={4}\n        >\n          <Text\n            as=\"span\"\n            color=\"blue.500\"\n            fontSize=\"md\"\n            fontWeight=\"bold\"\n            lineHeight=\"tall\"\n          >\n            Editor&apos;s note:{\" \"}\n          </Text>\n          {comment}\n        </Text>\n      )}\n    </>\n  );\n};\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 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 { PackageTagConfig } from \"../../api/config\";\nimport { KEYWORD_IGNORE_LIST } from \"../../constants/keywords\";\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: PackageTagConfig[] = [\n    ...packageTags.filter((tag) => Boolean(tag.keyword)),\n    ...keywords\n      .filter((v) => Boolean(v) && !KEYWORD_IGNORE_LIST.has(v))\n      .map((label) => ({\n        id: label,\n        keyword: {\n          label,\n        },\n      })),\n  ];\n  return (\n    <>\n      {tags.slice(0, 3).map(({ id, keyword: { label, color } = {} }) => (\n        <PackageTag key={id} value={id} variant={color}>\n          {label}\n        </PackageTag>\n      ))}\n    </>\n  );\n};\n","import { Grid, Stack, LinkBox, Divider } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { PackageTagConfig, PackageHighlight } from \"../../api/config\";\nimport { makeGridAreas } from \"../../util/css\";\nimport { Details } from \"./Details\";\nimport { Heading } from \"./Heading\";\nimport { Highlight } from \"./Highlight\";\nimport { Languages } from \"./Languages\";\nimport { usePackageCard } from \"./PackageCard\";\nimport { Tags } from \"./Tags\";\nimport testIds from \"./testIds\";\n\nconst GRID_AREA = {\n  DETAILS: \"details\",\n  LANGUAGES: \"languages\",\n  TAGS: \"tags\",\n  HEADING: \"heading\",\n};\n\nconst gridAreasMd = makeGridAreas(\n  [GRID_AREA.HEADING, GRID_AREA.HEADING, GRID_AREA.DETAILS],\n  [GRID_AREA.HEADING, GRID_AREA.HEADING, GRID_AREA.DETAILS],\n  [GRID_AREA.TAGS, GRID_AREA.TAGS, GRID_AREA.LANGUAGES]\n);\n\nconst gridAreasMobile = makeGridAreas(\n  [GRID_AREA.HEADING],\n  [GRID_AREA.LANGUAGES],\n  [GRID_AREA.DETAILS]\n);\n\nexport const WideCard: FunctionComponent = () => {\n  const highlights =\n    usePackageCard()?.metadata?.packageTags?.reduce(\n      (\n        accum: PackageHighlight[],\n        tag: PackageTagConfig\n      ): PackageHighlight[] => {\n        if (tag.highlight) {\n          return [...accum, tag.highlight];\n        }\n        return accum;\n      },\n      []\n    ) ?? [];\n\n  return (\n    <LinkBox\n      _hover={{\n        \"> article\": {\n          bg: \"gray.50\",\n        },\n      }}\n    >\n      <Grid\n        as=\"article\"\n        autoColumns=\"1fr\"\n        autoRows=\"auto\"\n        bg=\"white\"\n        border=\"base\"\n        borderRadius=\"sm\"\n        boxShadow=\"base\"\n        color=\"gray.600\"\n        data-testid={testIds.wideContainer}\n        gap={5}\n        h=\"100%\"\n        p={5}\n        templateAreas={{ base: gridAreasMobile, md: gridAreasMd }}\n        w=\"100%\"\n      >\n        {/* Name + Desc */}\n        <Stack gridArea={GRID_AREA.HEADING} spacing={2}>\n          <Heading />\n        </Stack>\n\n        <Stack\n          direction=\"row\"\n          display={{ base: \"none\", md: \"initial\" }}\n          gridArea={GRID_AREA.TAGS}\n          maxH={6}\n          overflow=\"hidden\"\n          spacing={2}\n        >\n          <Tags />\n        </Stack>\n\n        <Grid\n          alignItems=\"start\"\n          alignSelf=\"center\"\n          autoColumns={{ base: \"initial\", md: \"1fr\" }}\n          autoRows={{ base: \"initial\", md: \"auto\" }}\n          fontSize=\"xs\"\n          gap={{ base: 0, md: 1 }}\n          gridArea={GRID_AREA.DETAILS}\n          templateColumns={{ base: \"1fr 1fr\", md: \"initial\" }}\n          templateRows={{ base: \"1fr 1fr\", md: \"initial\" }}\n        >\n          {highlights.map((highlight) => (\n            <Highlight key={highlight.label} {...highlight} />\n          ))}\n          <Details />\n        </Grid>\n\n        <Stack gridArea={GRID_AREA.LANGUAGES} spacing={{ base: 4, md: 0 }}>\n          <Divider display={{ md: \"none\" }} />\n          <Stack data-testid={testIds.languages} direction=\"row\" spacing={2}>\n            <Languages />\n          </Stack>\n        </Stack>\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 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 { Box, BoxProps, forwardRef } from \"@chakra-ui/react\";\nimport { format } from \"date-fns\";\n\nexport interface TimeOptions {\n  date: Date;\n  format: string;\n}\n\nexport interface TimeProps extends BoxProps, TimeOptions {}\n\nexport const Time = forwardRef<TimeProps, \"time\">(\n  ({ date, format: formatString, ...boxProps }, ref) => {\n    return (\n      <Box as=\"time\" dateTime={date.toISOString()} ref={ref} {...boxProps}>\n        {format(date, formatString)}\n      </Box>\n    );\n  }\n);\n\nTime.displayName = \"Time\";\n","import { Tag, TagLabel, TagProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Language } from \"../../constants/languages\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface PackageTagProps extends TagProps {\n  language?: Language;\n  value: string;\n  label?: string;\n  zIndex?: string | number;\n}\n\nexport const PackageTag: FunctionComponent<PackageTagProps> = ({\n  children,\n  language,\n  value,\n  label = value,\n  zIndex,\n  ...tagProps\n}) => {\n  return (\n    <NavLink\n      aria-label={`Tag: ${label}`}\n      to={getSearchPath({ query: `${value}`, language })}\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<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  IconButton,\n  PopoverTrigger,\n  PopoverBody,\n  PopoverArrow,\n  PopoverContent,\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  return (\n    <Flex align=\"center\">\n      <Heading as=\"h4\" size=\"sm\" w=\"max-content\">\n        {name}\n      </Heading>\n      {hint ? (\n        <Popover colorScheme=\"dark\" placement=\"right\" strategy=\"fixed\">\n          <PopoverTrigger>\n            <IconButton\n              aria-label={`Hint: ${name}`}\n              icon={<QuestionIcon h={4} w={4} />}\n              ml={2}\n              px={0}\n              py={0}\n              size=\"sm\"\n              variant=\"ghost\"\n            />\n          </PopoverTrigger>\n          <PopoverContent\n            bg=\"gray.700\"\n            borderRadius=\"base\"\n            color=\"white\"\n            fontSize=\"sm\"\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={2}>\n      <FilterHeading hint={hint} name={name} />\n      <RadioGroup onChange={onValueChange} value={checkedValue}>\n        <Stack>\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                fontSize=\"sm\"\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 { createContext, FunctionComponent, useContext, useEffect } 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 tags = parseQueryArray(queryParams.get(QUERY_PARAMS.TAGS));\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    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  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 { Checkbox, Stack, Text, Tooltip } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { FilterHeading, FilterHeadingProps } from \"./FilterHeading\";\nimport testIds from \"./testIds\";\n\nexport interface CheckboxFilterProps extends FilterHeadingProps {\n  \"data-testid\"?: string;\n  options: {\n    display: string;\n    value: string;\n    isDisabled?: boolean;\n    disabledHint?: string;\n  }[];\n  values: string[];\n  onValueChange: (value: string) => void;\n}\n\nexport const CheckboxFilter: FunctionComponent<CheckboxFilterProps> = ({\n  \"data-testid\": dataTestid,\n  hint,\n  name,\n  options,\n  values: checkedValues,\n  onValueChange,\n}) => {\n  const getOnChange = (value: string) => () => {\n    onValueChange(value);\n  };\n\n  return (\n    <Stack data-testid={dataTestid} spacing={2}>\n      <FilterHeading hint={hint} name={name} />\n      {options.map(({ disabledHint, display, isDisabled, value }) => (\n        <Checkbox\n          isChecked={checkedValues.includes(value)}\n          isDisabled={isDisabled}\n          key={value}\n          onChange={getOnChange(value)}\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              fontSize=\"sm\"\n              isTruncated\n            >\n              {display}\n            </Text>\n          </Tooltip>\n        </Checkbox>\n      ))}\n    </Stack>\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 { 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={6} top={4}>\n        <Heading as=\"h3\" size=\"sm\">\n          Filters\n        </Heading>\n        <CDKFilter />\n        <LanguageFilter />\n        <TagFilter />\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\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  return (\n    <Text data-testid={testIds.searchDetails}>\n      Displaying{\" \"}\n      <Em>\n        {count ? first + 1 : count} - {last > count ? count : last}\n      </Em>{\" \"}\n      of <Em>{count}</Em> {filtered ? \"search results\" : \"constructs\"}\n      {query && (\n        <>\n          {\" for \"}\n          <Em>{query}</Em>\n        </>\n      )}\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 { 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\">\n          <DrawerHeader>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            </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 { languages, sort, cdkType, cdkMajor, onSearch, tags } = searchAPI;\n\n  const { page, pageLimit, results } = useCatalogResults({\n    offset,\n    limit,\n    query,\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      query: (params.q ?? query) as string,\n      languages,\n      sort,\n      offset: params.offset ?? offset,\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, languages, cdkType, cdkMajor, tags]);\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={searchAPI.onSubmit}\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.28413d73.chunk.js → 9.c88e9272.chunk.js}

@@ -1,2 +1,2 @@
-(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[9],{368:function(e,t){},370:function(e,t,n){"use strict";n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return y}));var r=n(5),o=n(19),a=n(20),c=n(14),i=n(8),u=n(119),l=n(0),s=n(4),d=n(149),b=n(117),v=n(161);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e){void 0===e&&(e={});var t=e,n=t.onChange,o=t.value,a=t.defaultValue,c=t.name,u=t.isDisabled,f=t.isFocusable,O=t.isNative,j=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["onChange","value","defaultValue","name","isDisabled","isFocusable","isNative"]),h=l.useState(a||""),g=Object(r.a)(h,2),m=g[0],y=g[1],k=Object(d.a)(o,m),P=Object(r.a)(k,2),w=P[0],C=P[1],N=l.useRef(null),_=l.useCallback((function(){var e=N.current;if(e){var t="input:not(:disabled):checked",n=e.querySelector(t);if(n)n.focus();else{t="input:not(:disabled)";var r=e.querySelector(t);null==r||r.focus()}}}),[]),E=Object(b.b)(void 0,"radio"),x=c||E,S=l.useCallback((function(e){var t=Object(i.f)(e)?e.target.value:e;w||y(t),null==n||n(String(t))}),[n,w]),R=l.useCallback((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),p({},e,{ref:Object(v.a)(t,N),role:"radiogroup"})}),[]),D=l.useCallback((function(e,t){var n;void 0===e&&(e={}),void 0===t&&(t=null);var r=O?"checked":"isChecked";return p({},e,(n={ref:t,name:x},Object(s.a)(n,r,null!=C?e.value===C:void 0),Object(s.a)(n,"onChange",S),Object(s.a)(n,"data-radiogroup",!0),n))}),[O,x,S,C]);return{getRootProps:R,getRadioProps:D,name:x,ref:N,focus:_,setValue:y,value:C,onChange:S,isDisabled:u,isFocusable:f,htmlProps:j}}function O(){return O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}var j=Object(u.a)({name:"RadioGroupContext",strict:!1}),h=Object(r.a)(j,2),g=h[0],m=h[1],y=Object(o.a)((function(e,t){var n=e.colorScheme,r=e.size,o=e.variant,i=e.children,u=e.className,s=e.isDisabled,d=e.isFocusable,b=f(function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["colorScheme","size","variant","children","className","isDisabled","isFocusable"])),v=b.value,p=b.onChange,j=b.getRootProps,h=b.name,m=b.htmlProps,y=l.useMemo((function(){return{name:h,size:r,onChange:p,colorScheme:n,value:v,variant:o,isDisabled:s,isFocusable:d}}),[h,r,p,n,v,o,s,d]),k=j(m,t),P=Object(c.d)("chakra-radio-group",u);return l.createElement(g,{value:y},l.createElement(a.a.div,O({},k,{className:P}),i))}));i.a&&(y.displayName="RadioGroup")},372:function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"a",(function(){return s}));var r=n(19),o=n(20),a=n(14),c=n(0);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function u(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}var l=Object(r.a)((function(e,t){var n=e.isExternal,r=e.target,l=e.rel,s=e.className,d=u(e,["isExternal","target","rel","className"]);return c.createElement(o.a.a,i({},d,{ref:t,className:Object(a.d)("chakra-linkbox__overlay",s),rel:n?"noopener noreferrer":l,target:n?"_blank":r,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:0,width:"100%",height:"100%"}}}))})),s=Object(r.a)((function(e,t){var n=e.className,r=u(e,["className"]);return c.createElement(o.a.div,i({ref:t,position:"relative"},r,{className:Object(a.d)("chakra-linkbox",n),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title]":{position:"relative",zIndex:1}}}))}))},596:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(81),o=Object(r.a)({d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",displayName:"ChevronRightIcon"})},610:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(81),o=Object(r.a)({d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,19a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,12,19Zm1.6-6.08a1,1,0,0,0-.6.917,1,1,0,1,1-2,0,3,3,0,0,1,1.8-2.75A2,2,0,1,0,10,9.255a1,1,0,1,1-2,0,4,4,0,1,1,5.6,3.666Z",displayName:"QuestionIcon"})},611:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(81),o=Object(r.a)({d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",displayName:"ChevronLeftIcon"})},618:function(e,t,n){"use strict";n.d(t,"a",(function(){return re})),n.d(t,"e",(function(){return oe})),n.d(t,"d",(function(){return ae})),n.d(t,"c",(function(){return ie})),n.d(t,"b",(function(){return ue}));n(208);var r=n(57),o=n(35),a=n(49),c=n(19),i=n(20),u=n(29),l=n(8),s=n(14),d=n(0),b=n.n(d),v=n(5),p=n(119),f=Object(p.a)({name:"PopoverContext",errorMessage:"usePopoverContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Popover />`"}),O=Object(v.a)(f,2),j=O[0],h=O[1],g=n(187),m=n(32),y=n.n(m);function k(){return k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(this,arguments)}var P=function(e){if(e)return y()(e,{enter:{visibility:"visible"},exit:{transitionEnd:{visibility:"hidden"}}})},w=Object(g.a)(i.a.section),C=b.a.forwardRef((function(e,t){var n=h().isOpen;return b.a.createElement(w,k({ref:t,variants:P(e.variants)},e,{initial:!1,animate:n?"enter":"exit"}))}));C.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 N=n(4),_=n(211),E=n(117);var x=n(39),S=n(184);function R(e){return!!e.touches}var D={pageX:0,pageY:0};function F(e,t){void 0===t&&(t="page");var n=e.touches[0]||e.changedTouches[0]||D;return{x:n[t+"X"],y:n[t+"Y"]}}function M(e,t){return void 0===t&&(t="page"),{x:e[t+"X"],y:e[t+"Y"]}}function I(e,t){return void 0===t&&(t="page"),{point:R(e)?F(e,t):M(e,t)}}var A=function(e,t){void 0===t&&(t=!1);var n,r=function(t){return e(t,I(t))};return t?(n=r,function(e){var t=e instanceof Object(s.g)(e).MouseEvent;(!t||t&&0===e.button)&&n(e)}):r},B={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},T={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function z(e){return s.j&&null===window.onpointerdown?e:s.j&&null===window.ontouchstart?T[e]:s.j&&null===window.onmousedown?B[e]:e}var L=n(190);function K(e){var t,n,r,o,a,c=e.ref,i=e.elements,u=e.enabled,d=(t="Safari",!!s.j&&function(e){var t=e.userAgent,n=e.vendor,r=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case r&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(n):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case r:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===t);n=function(){return Object(s.h)(c.current)},r="pointerdown",o=function(e){if(d&&u){var t=e.target,n=(null!=i?i:[c]).some((function(e){var n=Object(l.j)(e)?e.current:e;return Object(s.c)(n,t)}));!Object(x.a)(t)&&n&&(e.preventDefault(),Object(S.a)(t))}},Object(L.a)(z(r),A(o,"pointerdown"===r),n,a)}var q=n(221),U=n(207),H=n(138),W={preventScroll:!0,shouldFocus:!1};var G=n(234),V=n(26),X=n(161),Y=n(222),Z=n(206);function J(){return J=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},J.apply(this,arguments)}var Q="click",$="hover";function ee(e){void 0===e&&(e={});var t=e,n=t.closeOnBlur,r=void 0===n||n,o=t.closeOnEsc,a=void 0===o||o,c=t.initialFocusRef,i=t.id,b=t.returnFocusOnClose,p=void 0===b||b,f=t.autoFocus,O=void 0===f||f,j=t.arrowSize,h=t.arrowShadowColor,g=t.trigger,m=void 0===g?Q:g,y=t.openDelay,k=void 0===y?200:y,P=t.closeDelay,w=void 0===P?200:P,C=t.isLazy,x=t.lazyBehavior,R=void 0===x?"unmount":x,D=t.computePositionOnMount,F=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["closeOnBlur","closeOnEsc","initialFocusRef","id","returnFocusOnClose","autoFocus","arrowSize","arrowShadowColor","trigger","openDelay","closeDelay","isLazy","lazyBehavior","computePositionOnMount"]),M=Object(_.a)(e),I=M.isOpen,A=M.onClose,B=M.onOpen,T=M.onToggle,z=Object(d.useRef)(null),ee=Object(d.useRef)(null),te=Object(d.useRef)(!1),ne=Object(d.useRef)(!1);I&&(ne.current=!0);var re=Object(d.useState)(!1),oe=Object(v.a)(re,2),ae=oe[0],ce=oe[1],ie=Object(d.useState)(!1),ue=Object(v.a)(ie,2),le=ue[0],se=ue[1],de=Object(E.c)(i,"popover-trigger","popover-content","popover-header","popover-body"),be=Object(v.a)(de,4),ve=be[0],pe=be[1],fe=be[2],Oe=be[3],je=Object(G.a)(J({},F,{enabled:I||!!D})),he=je.referenceRef,ge=je.getArrowProps,me=je.getPopperProps,ye=je.getArrowInnerProps,ke=je.forceUpdate;K({enabled:I,ref:z}),Object(q.a)(ee,{focusRef:z,visible:I,shouldFocus:p&&m===Q}),function(e,t){void 0===t&&(t=W);var n=t,r=n.focusRef,o=n.preventScroll,a=n.shouldFocus,c=n.visible,i=Object(l.j)(e)?e.current:e,u=a&&c,b=Object(d.useCallback)((function(){if(i&&u&&!Object(s.c)(i,document.activeElement))if(null!=r&&r.current)Object(S.a)(r.current,{preventScroll:o,nextTick:!0});else{var e=Object(U.a)(i);e.length>0&&Object(S.a)(e[0],{preventScroll:o,nextTick:!0})}}),[u,o,i,r]);Object(H.a)((function(){b()}),[b]),Object(L.a)("transitionend",b,i)}(ee,{focusRef:c,visible:I,shouldFocus:O&&m===Q});var Pe=Object(Y.a)({hasBeenSelected:ne.current,isLazy:C,lazyBehavior:R,isSelected:I}),we=Object(d.useCallback)((function(e,t){var n;void 0===e&&(e={}),void 0===t&&(t=null);var o=J({},e,{style:J({},e.style,(n={transformOrigin:V.a.transformOrigin.varRef},Object(N.a)(n,V.a.arrowSize.var,j?Object(Z.b)(j):void 0),Object(N.a)(n,V.a.arrowShadowColor.var,h),n)),ref:Object(X.a)(ee,t),children:Pe?e.children:null,id:pe,tabIndex:-1,role:"dialog",onKeyDown:Object(u.b)(e.onKeyDown,(function(e){a&&"Escape"===e.key&&A()})),onBlur:Object(u.b)(e.onBlur,(function(e){var t=Object(s.i)(e),n=Object(s.c)(ee.current,t),o=Object(s.c)(z.current,t);I&&r&&(!n&&!o)&&A()})),"aria-labelledby":ae?fe:void 0,"aria-describedby":le?Oe:void 0});return m===$&&(o.role="tooltip",o.onMouseEnter=Object(u.b)(e.onMouseEnter,(function(){te.current=!0})),o.onMouseLeave=Object(u.b)(e.onMouseLeave,(function(){te.current=!1,setTimeout(A,w)}))),o}),[Pe,pe,ae,fe,le,Oe,m,a,A,I,r,w,h,j]),Ce=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),me(J({},e,{style:J({visibility:I?"visible":"hidden"},e.style)}),t)}),[I,me]),Ne=Object(d.useRef)(),_e=Object(d.useRef)(),Ee=Object(d.useCallback)((function(e,t){void 0===e&&(e={}),void 0===t&&(t=null);var n=J({},e,{ref:Object(X.a)(z,t,he),id:ve,"aria-haspopup":"dialog","aria-expanded":I,"aria-controls":pe});return m===Q&&(n.onClick=Object(u.b)(e.onClick,T)),m===$&&(n.onFocus=Object(u.b)(e.onFocus,B),n.onBlur=Object(u.b)(e.onBlur,A),n.onKeyDown=Object(u.b)(e.onKeyDown,(function(e){"Escape"===e.key&&A()})),n.onMouseEnter=Object(u.b)(e.onMouseEnter,(function(){te.current=!0,Ne.current=window.setTimeout(B,k)})),n.onMouseLeave=Object(u.b)(e.onMouseLeave,(function(){te.current=!1,Ne.current&&(clearTimeout(Ne.current),Ne.current=void 0),_e.current=window.setTimeout((function(){!1===te.current&&A()}),w)}))),n}),[ve,I,pe,m,he,T,B,A,k,w]);Object(d.useEffect)((function(){return function(){Ne.current&&clearTimeout(Ne.current),_e.current&&clearTimeout(_e.current)}}),[]);var xe=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),J({},e,{id:fe,ref:Object(X.a)(t,(function(e){ce(!!e)}))})}),[fe]),Se=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),J({},e,{id:Oe,ref:Object(X.a)(t,(function(e){se(!!e)}))})}),[Oe]);return{forceUpdate:ke,isOpen:I,onClose:A,getArrowProps:ge,getArrowInnerProps:ye,getPopoverPositionerProps:Ce,getPopoverProps:we,getTriggerProps:Ee,getHeaderProps:xe,getBodyProps:Se}}function te(){return te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},te.apply(this,arguments)}function ne(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}var re=function(e){var t=Object(r.a)("Popover",e),n=Object(o.b)(e),c=n.children,i=ee(te({},ne(n,["children"]),{direction:Object(a.e)().direction}));return d.createElement(j,{value:i},d.createElement(a.b,{value:t},Object(u.e)(c,{isOpen:i.isOpen,onClose:i.onClose,forceUpdate:i.forceUpdate})))};l.a&&(re.displayName="Popover");var oe=function(e){var t=d.Children.only(e.children),n=h().getTriggerProps;return d.cloneElement(t,n(t.props,t.ref))};l.a&&(oe.displayName="PopoverTrigger");var ae=Object(c.a)((function(e,t){var n=e.rootProps,r=ne(e,["rootProps"]),o=h(),c=o.getPopoverProps,u=o.getPopoverPositionerProps,l=Object(a.d)(),b=te({position:"relative",display:"flex",flexDirection:"column"},l.content);return d.createElement(i.a.div,te({},u(n),{__css:l.popper,className:"chakra-popover__popper"}),d.createElement(C,te({},c(r,t),{className:Object(s.d)("chakra-popover__content",e.className),__css:b})))}));l.a&&(ae.displayName="PopoverContent");var ce=Object(c.a)((function(e,t){var n=h().getHeaderProps,r=Object(a.d)();return d.createElement(i.a.header,te({},n(e,t),{className:Object(s.d)("chakra-popover__header",e.className),__css:r.header}))}));l.a&&(ce.displayName="PopoverHeader");var ie=Object(c.a)((function(e,t){var n=h().getBodyProps,r=Object(a.d)();return d.createElement(i.a.div,te({},n(e,t),{className:Object(s.d)("chakra-popover__body",e.className),__css:r.body}))}));l.a&&(ie.displayName="PopoverBody");l.a;l.a;var ue=function(e){var t,n=e.bg,r=e.bgColor,o=e.backgroundColor,c=h(),u=c.getArrowProps,l=c.getArrowInnerProps,b=Object(a.d)(),v=null!=(t=null!=n?n:r)?t:o;return d.createElement(i.a.div,te({},u(),{className:"chakra-popover__arrow-positioner"}),d.createElement(i.a.div,te({className:Object(s.d)("chakra-popover__arrow",e.className)},l(e),{__css:te({},b.arrow,{"--popper-arrow-bg":v?"colors."+v+", "+v:void 0})})))};l.a&&(ue.displayName="PopoverArrow")},621:function(e,t,n){"use strict";n.d(t,"a",(function(){return C}));var r=n(5),o=n(19),a=n(57),c=n(35),i=n(9),u=n(20),l=n(29),s=n(28),d=n(8),b=n(0),v=n(370),p=n(152),f=n(117),O=n(185),j=n(149),h=n(161),g=n(14),m=n(186);function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function k(e){void 0===e&&(e={});var t=e,n=t.defaultIsChecked,o=t.defaultChecked,a=void 0===o?n:o,c=t.isChecked,i=t.isFocusable,u=t.isDisabled,s=t.isReadOnly,d=t.isRequired,k=t.onChange,w=t.isInvalid,C=t.name,N=t.value,_=t.id,E=t["data-radiogroup"],x=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["defaultIsChecked","defaultChecked","isChecked","isFocusable","isDisabled","isReadOnly","isRequired","onChange","isInvalid","name","value","id","data-radiogroup"]),S=Object(f.b)(void 0,"radio"),R=Object(p.a)(),D=Object(v.b)(),F=!!R&&!(!!D||!!E)?R.id:S;F=null!=_?_:F;var M=null!=u?u:null==R?void 0:R.isDisabled,I=null!=s?s:null==R?void 0:R.isReadOnly,A=null!=d?d:null==R?void 0:R.isRequired,B=null!=w?w:null==R?void 0:R.isInvalid,T=Object(O.a)(),z=Object(r.a)(T,2),L=z[0],K=z[1],q=Object(O.a)(),U=Object(r.a)(q,2),H=U[0],W=U[1],G=Object(O.a)(),V=Object(r.a)(G,2),X=V[0],Y=V[1],Z=Object(b.useRef)(null),J=Object(b.useState)(Boolean(a)),Q=Object(r.a)(J,2),$=Q[0],ee=Q[1],te=Object(j.a)(c,$),ne=Object(r.a)(te,2),re=ne[0],oe=ne[1];Object(l.f)({condition:!!n,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 ae=Object(b.useCallback)((function(e){I||M?e.preventDefault():(re||ee(e.target.checked),null==k||k(e))}),[re,M,I,k]),ce=Object(b.useCallback)((function(e){" "===e.key&&Y.on()}),[Y]),ie=Object(b.useCallback)((function(e){" "===e.key&&Y.off()}),[Y]),ue=Object(b.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),y({},e,{ref:t,"data-active":Object(g.e)(X),"data-hover":Object(g.e)(H),"data-disabled":Object(g.e)(M),"data-invalid":Object(g.e)(B),"data-checked":Object(g.e)(oe),"data-focus":Object(g.e)(L),"data-readonly":Object(g.e)(I),"aria-hidden":!0,onMouseDown:Object(l.b)(e.onMouseDown,Y.on),onMouseUp:Object(l.b)(e.onMouseUp,Y.off),onMouseEnter:Object(l.b)(e.onMouseEnter,W.on),onMouseLeave:Object(l.b)(e.onMouseLeave,W.off)})}),[X,H,M,B,oe,L,I,Y.on,Y.off,W.on,W.off]),le=null!=R?R:{},se=le.onFocus,de=le.onBlur,be=Object(b.useCallback)((function(e,t){void 0===e&&(e={}),void 0===t&&(t=null);var n=M&&!i;return y({},e,{id:F,ref:Object(h.a)(t,Z),type:"radio",name:C,value:N,onChange:Object(l.b)(e.onChange,ae),onBlur:Object(l.b)(de,e.onBlur,K.off),onFocus:Object(l.b)(se,e.onFocus,K.on),onKeyDown:Object(l.b)(e.onKeyDown,ce),onKeyUp:Object(l.b)(e.onKeyUp,ie),checked:oe,disabled:n,readOnly:I,required:A,"aria-invalid":Object(g.b)(B),"aria-disabled":Object(g.b)(n),"aria-readonly":Object(g.b)(I),"aria-required":Object(g.b)(A),style:m.b})}),[M,i,F,C,N,ae,de,K,se,ce,ie,oe,I,A,B]);return{state:{isInvalid:B,isFocused:L,isChecked:oe,isActive:X,isHovered:H,isDisabled:M,isReadOnly:I,isRequired:A},getCheckboxProps:ue,getInputProps:be,getLabelProps:function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),y({},e,{ref:t,onMouseDown:Object(l.b)(e.onMouseDown,P),onTouchStart:Object(l.b)(e.onTouchStart,P),"data-disabled":Object(g.e)(M),"data-checked":Object(g.e)(oe),"data-invalid":Object(g.e)(B)})},getRootProps:function(t,n){return void 0===n&&(n=null),y({},e,{ref:n,"data-disabled":Object(g.e)(M),"data-checked":Object(g.e)(oe),"data-invalid":Object(g.e)(B)})},htmlProps:x}}function P(e){e.preventDefault(),e.stopPropagation()}function w(){return w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}var C=Object(o.a)((function(e,t){var n,o=Object(v.b)(),d=e.onChange,p=e.value,f=Object(a.a)("Radio",w({},o,e)),O=Object(c.b)(e),j=O.spacing,h=void 0===j?"0.5rem":j,g=O.children,m=O.isFullWidth,y=O.isDisabled,P=void 0===y?null==o?void 0:o.isDisabled:y,C=O.isFocusable,N=void 0===C?null==o?void 0:o.isFocusable:C,_=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(O,["spacing","children","isFullWidth","isDisabled","isFocusable"]),E=e.isChecked;null!=(null==o?void 0:o.value)&&null!=p&&(E=o.value===p);var x=d;null!=o&&o.onChange&&null!=p&&(x=Object(l.a)(o.onChange,d));var S=k(w({},_,{isChecked:E,isFocusable:N,isDisabled:P,onChange:x,name:null!=(n=null==e?void 0:e.name)?n:null==o?void 0:o.name})),R=S.getInputProps,D=S.getCheckboxProps,F=S.getLabelProps,M=S.getRootProps,I=S.htmlProps,A=Object(s.i)(I,i.layoutPropNames),B=Object(r.a)(A,2),T=B[0],z=D(B[1]),L=R({},t),K=F(),q=Object.assign(T,M()),U=w({width:m?"full":void 0,display:"inline-flex",alignItems:"center",verticalAlign:"top"},f.container),H=w({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},f.control),W=w({userSelect:"none",marginStart:h},f.label);return b.createElement(u.a.label,w({className:"chakra-radio"},q,{__css:U}),b.createElement("input",w({className:"chakra-radio__input"},L)),b.createElement(u.a.span,w({className:"chakra-radio__control"},z,{__css:H})),g&&b.createElement(u.a.span,w({className:"chakra-radio__label"},K,{__css:W}),g))}));d.a&&(C.displayName="Radio")},9:function(e,t,n){"use strict";var r=n(62);n.o(r,"layoutPropNames")&&n.d(t,"layoutPropNames",(function(){return r.layoutPropNames}));var o=n(368);n.o(o,"layoutPropNames")&&n.d(t,"layoutPropNames",(function(){return o.layoutPropNames}))}}]);
-//# sourceMappingURL=9.28413d73.chunk.js.map
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[9],{367:function(e,t){},369:function(e,t,n){"use strict";n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return y}));var r=n(5),o=n(19),a=n(20),c=n(14),i=n(8),u=n(118),l=n(0),s=n(4),d=n(148),b=n(116),v=n(160);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e){void 0===e&&(e={});var t=e,n=t.onChange,o=t.value,a=t.defaultValue,c=t.name,u=t.isDisabled,f=t.isFocusable,O=t.isNative,j=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["onChange","value","defaultValue","name","isDisabled","isFocusable","isNative"]),h=l.useState(a||""),g=Object(r.a)(h,2),m=g[0],y=g[1],k=Object(d.a)(o,m),P=Object(r.a)(k,2),w=P[0],C=P[1],N=l.useRef(null),_=l.useCallback((function(){var e=N.current;if(e){var t="input:not(:disabled):checked",n=e.querySelector(t);if(n)n.focus();else{t="input:not(:disabled)";var r=e.querySelector(t);null==r||r.focus()}}}),[]),E=Object(b.b)(void 0,"radio"),x=c||E,S=l.useCallback((function(e){var t=Object(i.f)(e)?e.target.value:e;w||y(t),null==n||n(String(t))}),[n,w]),R=l.useCallback((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),p({},e,{ref:Object(v.a)(t,N),role:"radiogroup"})}),[]),D=l.useCallback((function(e,t){var n;void 0===e&&(e={}),void 0===t&&(t=null);var r=O?"checked":"isChecked";return p({},e,(n={ref:t,name:x},Object(s.a)(n,r,null!=C?e.value===C:void 0),Object(s.a)(n,"onChange",S),Object(s.a)(n,"data-radiogroup",!0),n))}),[O,x,S,C]);return{getRootProps:R,getRadioProps:D,name:x,ref:N,focus:_,setValue:y,value:C,onChange:S,isDisabled:u,isFocusable:f,htmlProps:j}}function O(){return O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}var j=Object(u.a)({name:"RadioGroupContext",strict:!1}),h=Object(r.a)(j,2),g=h[0],m=h[1],y=Object(o.a)((function(e,t){var n=e.colorScheme,r=e.size,o=e.variant,i=e.children,u=e.className,s=e.isDisabled,d=e.isFocusable,b=f(function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["colorScheme","size","variant","children","className","isDisabled","isFocusable"])),v=b.value,p=b.onChange,j=b.getRootProps,h=b.name,m=b.htmlProps,y=l.useMemo((function(){return{name:h,size:r,onChange:p,colorScheme:n,value:v,variant:o,isDisabled:s,isFocusable:d}}),[h,r,p,n,v,o,s,d]),k=j(m,t),P=Object(c.d)("chakra-radio-group",u);return l.createElement(g,{value:y},l.createElement(a.a.div,O({},k,{className:P}),i))}));i.a&&(y.displayName="RadioGroup")},371:function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"a",(function(){return s}));var r=n(19),o=n(20),a=n(14),c=n(0);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function u(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}var l=Object(r.a)((function(e,t){var n=e.isExternal,r=e.target,l=e.rel,s=e.className,d=u(e,["isExternal","target","rel","className"]);return c.createElement(o.a.a,i({},d,{ref:t,className:Object(a.d)("chakra-linkbox__overlay",s),rel:n?"noopener noreferrer":l,target:n?"_blank":r,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:0,width:"100%",height:"100%"}}}))})),s=Object(r.a)((function(e,t){var n=e.className,r=u(e,["className"]);return c.createElement(o.a.div,i({ref:t,position:"relative"},r,{className:Object(a.d)("chakra-linkbox",n),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title]":{position:"relative",zIndex:1}}}))}))},595:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(80),o=Object(r.a)({d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",displayName:"ChevronRightIcon"})},609:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(80),o=Object(r.a)({d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,19a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,12,19Zm1.6-6.08a1,1,0,0,0-.6.917,1,1,0,1,1-2,0,3,3,0,0,1,1.8-2.75A2,2,0,1,0,10,9.255a1,1,0,1,1-2,0,4,4,0,1,1,5.6,3.666Z",displayName:"QuestionIcon"})},610:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(80),o=Object(r.a)({d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",displayName:"ChevronLeftIcon"})},617:function(e,t,n){"use strict";n.d(t,"a",(function(){return re})),n.d(t,"e",(function(){return oe})),n.d(t,"d",(function(){return ae})),n.d(t,"c",(function(){return ie})),n.d(t,"b",(function(){return ue}));n(207);var r=n(57),o=n(35),a=n(49),c=n(19),i=n(20),u=n(29),l=n(8),s=n(14),d=n(0),b=n.n(d),v=n(5),p=n(118),f=Object(p.a)({name:"PopoverContext",errorMessage:"usePopoverContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Popover />`"}),O=Object(v.a)(f,2),j=O[0],h=O[1],g=n(186),m=n(32),y=n.n(m);function k(){return k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(this,arguments)}var P=function(e){if(e)return y()(e,{enter:{visibility:"visible"},exit:{transitionEnd:{visibility:"hidden"}}})},w=Object(g.a)(i.a.section),C=b.a.forwardRef((function(e,t){var n=h().isOpen;return b.a.createElement(w,k({ref:t,variants:P(e.variants)},e,{initial:!1,animate:n?"enter":"exit"}))}));C.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 N=n(4),_=n(210),E=n(116);var x=n(39),S=n(183);function R(e){return!!e.touches}var D={pageX:0,pageY:0};function F(e,t){void 0===t&&(t="page");var n=e.touches[0]||e.changedTouches[0]||D;return{x:n[t+"X"],y:n[t+"Y"]}}function M(e,t){return void 0===t&&(t="page"),{x:e[t+"X"],y:e[t+"Y"]}}function I(e,t){return void 0===t&&(t="page"),{point:R(e)?F(e,t):M(e,t)}}var A=function(e,t){void 0===t&&(t=!1);var n,r=function(t){return e(t,I(t))};return t?(n=r,function(e){var t=e instanceof Object(s.g)(e).MouseEvent;(!t||t&&0===e.button)&&n(e)}):r},B={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},T={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function z(e){return s.j&&null===window.onpointerdown?e:s.j&&null===window.ontouchstart?T[e]:s.j&&null===window.onmousedown?B[e]:e}var L=n(189);function K(e){var t,n,r,o,a,c=e.ref,i=e.elements,u=e.enabled,d=(t="Safari",!!s.j&&function(e){var t=e.userAgent,n=e.vendor,r=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case r&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(n):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case r:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===t);n=function(){return Object(s.h)(c.current)},r="pointerdown",o=function(e){if(d&&u){var t=e.target,n=(null!=i?i:[c]).some((function(e){var n=Object(l.j)(e)?e.current:e;return Object(s.c)(n,t)}));!Object(x.a)(t)&&n&&(e.preventDefault(),Object(S.a)(t))}},Object(L.a)(z(r),A(o,"pointerdown"===r),n,a)}var q=n(220),U=n(206),H=n(137),W={preventScroll:!0,shouldFocus:!1};var G=n(233),V=n(26),X=n(160),Y=n(221),Z=n(205);function J(){return J=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},J.apply(this,arguments)}var Q="click",$="hover";function ee(e){void 0===e&&(e={});var t=e,n=t.closeOnBlur,r=void 0===n||n,o=t.closeOnEsc,a=void 0===o||o,c=t.initialFocusRef,i=t.id,b=t.returnFocusOnClose,p=void 0===b||b,f=t.autoFocus,O=void 0===f||f,j=t.arrowSize,h=t.arrowShadowColor,g=t.trigger,m=void 0===g?Q:g,y=t.openDelay,k=void 0===y?200:y,P=t.closeDelay,w=void 0===P?200:P,C=t.isLazy,x=t.lazyBehavior,R=void 0===x?"unmount":x,D=t.computePositionOnMount,F=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["closeOnBlur","closeOnEsc","initialFocusRef","id","returnFocusOnClose","autoFocus","arrowSize","arrowShadowColor","trigger","openDelay","closeDelay","isLazy","lazyBehavior","computePositionOnMount"]),M=Object(_.a)(e),I=M.isOpen,A=M.onClose,B=M.onOpen,T=M.onToggle,z=Object(d.useRef)(null),ee=Object(d.useRef)(null),te=Object(d.useRef)(!1),ne=Object(d.useRef)(!1);I&&(ne.current=!0);var re=Object(d.useState)(!1),oe=Object(v.a)(re,2),ae=oe[0],ce=oe[1],ie=Object(d.useState)(!1),ue=Object(v.a)(ie,2),le=ue[0],se=ue[1],de=Object(E.c)(i,"popover-trigger","popover-content","popover-header","popover-body"),be=Object(v.a)(de,4),ve=be[0],pe=be[1],fe=be[2],Oe=be[3],je=Object(G.a)(J({},F,{enabled:I||!!D})),he=je.referenceRef,ge=je.getArrowProps,me=je.getPopperProps,ye=je.getArrowInnerProps,ke=je.forceUpdate;K({enabled:I,ref:z}),Object(q.a)(ee,{focusRef:z,visible:I,shouldFocus:p&&m===Q}),function(e,t){void 0===t&&(t=W);var n=t,r=n.focusRef,o=n.preventScroll,a=n.shouldFocus,c=n.visible,i=Object(l.j)(e)?e.current:e,u=a&&c,b=Object(d.useCallback)((function(){if(i&&u&&!Object(s.c)(i,document.activeElement))if(null!=r&&r.current)Object(S.a)(r.current,{preventScroll:o,nextTick:!0});else{var e=Object(U.a)(i);e.length>0&&Object(S.a)(e[0],{preventScroll:o,nextTick:!0})}}),[u,o,i,r]);Object(H.a)((function(){b()}),[b]),Object(L.a)("transitionend",b,i)}(ee,{focusRef:c,visible:I,shouldFocus:O&&m===Q});var Pe=Object(Y.a)({hasBeenSelected:ne.current,isLazy:C,lazyBehavior:R,isSelected:I}),we=Object(d.useCallback)((function(e,t){var n;void 0===e&&(e={}),void 0===t&&(t=null);var o=J({},e,{style:J({},e.style,(n={transformOrigin:V.a.transformOrigin.varRef},Object(N.a)(n,V.a.arrowSize.var,j?Object(Z.b)(j):void 0),Object(N.a)(n,V.a.arrowShadowColor.var,h),n)),ref:Object(X.a)(ee,t),children:Pe?e.children:null,id:pe,tabIndex:-1,role:"dialog",onKeyDown:Object(u.b)(e.onKeyDown,(function(e){a&&"Escape"===e.key&&A()})),onBlur:Object(u.b)(e.onBlur,(function(e){var t=Object(s.i)(e),n=Object(s.c)(ee.current,t),o=Object(s.c)(z.current,t);I&&r&&(!n&&!o)&&A()})),"aria-labelledby":ae?fe:void 0,"aria-describedby":le?Oe:void 0});return m===$&&(o.role="tooltip",o.onMouseEnter=Object(u.b)(e.onMouseEnter,(function(){te.current=!0})),o.onMouseLeave=Object(u.b)(e.onMouseLeave,(function(){te.current=!1,setTimeout(A,w)}))),o}),[Pe,pe,ae,fe,le,Oe,m,a,A,I,r,w,h,j]),Ce=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),me(J({},e,{style:J({visibility:I?"visible":"hidden"},e.style)}),t)}),[I,me]),Ne=Object(d.useRef)(),_e=Object(d.useRef)(),Ee=Object(d.useCallback)((function(e,t){void 0===e&&(e={}),void 0===t&&(t=null);var n=J({},e,{ref:Object(X.a)(z,t,he),id:ve,"aria-haspopup":"dialog","aria-expanded":I,"aria-controls":pe});return m===Q&&(n.onClick=Object(u.b)(e.onClick,T)),m===$&&(n.onFocus=Object(u.b)(e.onFocus,B),n.onBlur=Object(u.b)(e.onBlur,A),n.onKeyDown=Object(u.b)(e.onKeyDown,(function(e){"Escape"===e.key&&A()})),n.onMouseEnter=Object(u.b)(e.onMouseEnter,(function(){te.current=!0,Ne.current=window.setTimeout(B,k)})),n.onMouseLeave=Object(u.b)(e.onMouseLeave,(function(){te.current=!1,Ne.current&&(clearTimeout(Ne.current),Ne.current=void 0),_e.current=window.setTimeout((function(){!1===te.current&&A()}),w)}))),n}),[ve,I,pe,m,he,T,B,A,k,w]);Object(d.useEffect)((function(){return function(){Ne.current&&clearTimeout(Ne.current),_e.current&&clearTimeout(_e.current)}}),[]);var xe=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),J({},e,{id:fe,ref:Object(X.a)(t,(function(e){ce(!!e)}))})}),[fe]),Se=Object(d.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),J({},e,{id:Oe,ref:Object(X.a)(t,(function(e){se(!!e)}))})}),[Oe]);return{forceUpdate:ke,isOpen:I,onClose:A,getArrowProps:ge,getArrowInnerProps:ye,getPopoverPositionerProps:Ce,getPopoverProps:we,getTriggerProps:Ee,getHeaderProps:xe,getBodyProps:Se}}function te(){return te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},te.apply(this,arguments)}function ne(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}var re=function(e){var t=Object(r.a)("Popover",e),n=Object(o.b)(e),c=n.children,i=ee(te({},ne(n,["children"]),{direction:Object(a.e)().direction}));return d.createElement(j,{value:i},d.createElement(a.b,{value:t},Object(u.e)(c,{isOpen:i.isOpen,onClose:i.onClose,forceUpdate:i.forceUpdate})))};l.a&&(re.displayName="Popover");var oe=function(e){var t=d.Children.only(e.children),n=h().getTriggerProps;return d.cloneElement(t,n(t.props,t.ref))};l.a&&(oe.displayName="PopoverTrigger");var ae=Object(c.a)((function(e,t){var n=e.rootProps,r=ne(e,["rootProps"]),o=h(),c=o.getPopoverProps,u=o.getPopoverPositionerProps,l=Object(a.d)(),b=te({position:"relative",display:"flex",flexDirection:"column"},l.content);return d.createElement(i.a.div,te({},u(n),{__css:l.popper,className:"chakra-popover__popper"}),d.createElement(C,te({},c(r,t),{className:Object(s.d)("chakra-popover__content",e.className),__css:b})))}));l.a&&(ae.displayName="PopoverContent");var ce=Object(c.a)((function(e,t){var n=h().getHeaderProps,r=Object(a.d)();return d.createElement(i.a.header,te({},n(e,t),{className:Object(s.d)("chakra-popover__header",e.className),__css:r.header}))}));l.a&&(ce.displayName="PopoverHeader");var ie=Object(c.a)((function(e,t){var n=h().getBodyProps,r=Object(a.d)();return d.createElement(i.a.div,te({},n(e,t),{className:Object(s.d)("chakra-popover__body",e.className),__css:r.body}))}));l.a&&(ie.displayName="PopoverBody");l.a;l.a;var ue=function(e){var t,n=e.bg,r=e.bgColor,o=e.backgroundColor,c=h(),u=c.getArrowProps,l=c.getArrowInnerProps,b=Object(a.d)(),v=null!=(t=null!=n?n:r)?t:o;return d.createElement(i.a.div,te({},u(),{className:"chakra-popover__arrow-positioner"}),d.createElement(i.a.div,te({className:Object(s.d)("chakra-popover__arrow",e.className)},l(e),{__css:te({},b.arrow,{"--popper-arrow-bg":v?"colors."+v+", "+v:void 0})})))};l.a&&(ue.displayName="PopoverArrow")},620:function(e,t,n){"use strict";n.d(t,"a",(function(){return C}));var r=n(5),o=n(19),a=n(57),c=n(35),i=n(9),u=n(20),l=n(29),s=n(28),d=n(8),b=n(0),v=n(369),p=n(151),f=n(116),O=n(184),j=n(148),h=n(160),g=n(14),m=n(185);function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function k(e){void 0===e&&(e={});var t=e,n=t.defaultIsChecked,o=t.defaultChecked,a=void 0===o?n:o,c=t.isChecked,i=t.isFocusable,u=t.isDisabled,s=t.isReadOnly,d=t.isRequired,k=t.onChange,w=t.isInvalid,C=t.name,N=t.value,_=t.id,E=t["data-radiogroup"],x=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["defaultIsChecked","defaultChecked","isChecked","isFocusable","isDisabled","isReadOnly","isRequired","onChange","isInvalid","name","value","id","data-radiogroup"]),S=Object(f.b)(void 0,"radio"),R=Object(p.a)(),D=Object(v.b)(),F=!!R&&!(!!D||!!E)?R.id:S;F=null!=_?_:F;var M=null!=u?u:null==R?void 0:R.isDisabled,I=null!=s?s:null==R?void 0:R.isReadOnly,A=null!=d?d:null==R?void 0:R.isRequired,B=null!=w?w:null==R?void 0:R.isInvalid,T=Object(O.a)(),z=Object(r.a)(T,2),L=z[0],K=z[1],q=Object(O.a)(),U=Object(r.a)(q,2),H=U[0],W=U[1],G=Object(O.a)(),V=Object(r.a)(G,2),X=V[0],Y=V[1],Z=Object(b.useRef)(null),J=Object(b.useState)(Boolean(a)),Q=Object(r.a)(J,2),$=Q[0],ee=Q[1],te=Object(j.a)(c,$),ne=Object(r.a)(te,2),re=ne[0],oe=ne[1];Object(l.f)({condition:!!n,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 ae=Object(b.useCallback)((function(e){I||M?e.preventDefault():(re||ee(e.target.checked),null==k||k(e))}),[re,M,I,k]),ce=Object(b.useCallback)((function(e){" "===e.key&&Y.on()}),[Y]),ie=Object(b.useCallback)((function(e){" "===e.key&&Y.off()}),[Y]),ue=Object(b.useCallback)((function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),y({},e,{ref:t,"data-active":Object(g.e)(X),"data-hover":Object(g.e)(H),"data-disabled":Object(g.e)(M),"data-invalid":Object(g.e)(B),"data-checked":Object(g.e)(oe),"data-focus":Object(g.e)(L),"data-readonly":Object(g.e)(I),"aria-hidden":!0,onMouseDown:Object(l.b)(e.onMouseDown,Y.on),onMouseUp:Object(l.b)(e.onMouseUp,Y.off),onMouseEnter:Object(l.b)(e.onMouseEnter,W.on),onMouseLeave:Object(l.b)(e.onMouseLeave,W.off)})}),[X,H,M,B,oe,L,I,Y.on,Y.off,W.on,W.off]),le=null!=R?R:{},se=le.onFocus,de=le.onBlur,be=Object(b.useCallback)((function(e,t){void 0===e&&(e={}),void 0===t&&(t=null);var n=M&&!i;return y({},e,{id:F,ref:Object(h.a)(t,Z),type:"radio",name:C,value:N,onChange:Object(l.b)(e.onChange,ae),onBlur:Object(l.b)(de,e.onBlur,K.off),onFocus:Object(l.b)(se,e.onFocus,K.on),onKeyDown:Object(l.b)(e.onKeyDown,ce),onKeyUp:Object(l.b)(e.onKeyUp,ie),checked:oe,disabled:n,readOnly:I,required:A,"aria-invalid":Object(g.b)(B),"aria-disabled":Object(g.b)(n),"aria-readonly":Object(g.b)(I),"aria-required":Object(g.b)(A),style:m.b})}),[M,i,F,C,N,ae,de,K,se,ce,ie,oe,I,A,B]);return{state:{isInvalid:B,isFocused:L,isChecked:oe,isActive:X,isHovered:H,isDisabled:M,isReadOnly:I,isRequired:A},getCheckboxProps:ue,getInputProps:be,getLabelProps:function(e,t){return void 0===e&&(e={}),void 0===t&&(t=null),y({},e,{ref:t,onMouseDown:Object(l.b)(e.onMouseDown,P),onTouchStart:Object(l.b)(e.onTouchStart,P),"data-disabled":Object(g.e)(M),"data-checked":Object(g.e)(oe),"data-invalid":Object(g.e)(B)})},getRootProps:function(t,n){return void 0===n&&(n=null),y({},e,{ref:n,"data-disabled":Object(g.e)(M),"data-checked":Object(g.e)(oe),"data-invalid":Object(g.e)(B)})},htmlProps:x}}function P(e){e.preventDefault(),e.stopPropagation()}function w(){return w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}var C=Object(o.a)((function(e,t){var n,o=Object(v.b)(),d=e.onChange,p=e.value,f=Object(a.a)("Radio",w({},o,e)),O=Object(c.b)(e),j=O.spacing,h=void 0===j?"0.5rem":j,g=O.children,m=O.isFullWidth,y=O.isDisabled,P=void 0===y?null==o?void 0:o.isDisabled:y,C=O.isFocusable,N=void 0===C?null==o?void 0:o.isFocusable:C,_=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(O,["spacing","children","isFullWidth","isDisabled","isFocusable"]),E=e.isChecked;null!=(null==o?void 0:o.value)&&null!=p&&(E=o.value===p);var x=d;null!=o&&o.onChange&&null!=p&&(x=Object(l.a)(o.onChange,d));var S=k(w({},_,{isChecked:E,isFocusable:N,isDisabled:P,onChange:x,name:null!=(n=null==e?void 0:e.name)?n:null==o?void 0:o.name})),R=S.getInputProps,D=S.getCheckboxProps,F=S.getLabelProps,M=S.getRootProps,I=S.htmlProps,A=Object(s.i)(I,i.layoutPropNames),B=Object(r.a)(A,2),T=B[0],z=D(B[1]),L=R({},t),K=F(),q=Object.assign(T,M()),U=w({width:m?"full":void 0,display:"inline-flex",alignItems:"center",verticalAlign:"top"},f.container),H=w({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},f.control),W=w({userSelect:"none",marginStart:h},f.label);return b.createElement(u.a.label,w({className:"chakra-radio"},q,{__css:U}),b.createElement("input",w({className:"chakra-radio__input"},L)),b.createElement(u.a.span,w({className:"chakra-radio__control"},z,{__css:H})),g&&b.createElement(u.a.span,w({className:"chakra-radio__label"},K,{__css:W}),g))}));d.a&&(C.displayName="Radio")},9:function(e,t,n){"use strict";var r=n(62);n.o(r,"layoutPropNames")&&n.d(t,"layoutPropNames",(function(){return r.layoutPropNames}));var o=n(367);n.o(o,"layoutPropNames")&&n.d(t,"layoutPropNames",(function(){return o.layoutPropNames}))}}]);
+//# sourceMappingURL=9.c88e9272.chunk.js.map