@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPane.cjs","names":["Badge","Box","ContentContainer","FlexBox","FocusTrap","IconButton","Menu","MenuItem","Shimmer","StrokeButton","Text","MiniDeleteIcon","SearchIcon","css","theme","useCurrentMode","useTheme","styled","React","useEffect","useRef","useState","useGlobalHeaderDynamicDataContext","MarketingBanner","useOnEscHandler","searchPlaceholder","PopularContent","PopularSearches","useUrlChangeDetection","QuizAndHelpCenterLinks","safelyRedirect","useSearchTrackingContext","searchWorker","Form","withComponent","Input","QueryContainer","$compact","display","width","pt","pb","_","md","px","SuggestionContainer","StyledInput","outline","textColor","colors","InlineResultLi","pl","py","fontSize","left","InlineLoaderLi","listStyleType","gap","alignItems","SemiboldSearchIcon","EllipsisBox","HighlightedText","suggestion","title","segments","mode","highlightColor","maxWidth","whiteSpace","aria-hidden","overflow","map","segment","i","key","toString","lineHeight","highlight","bg","fontWeight","value","screenreader","loaderKey","rndLoader","loader","shimmerRows","row","shimmers","words","Math","ceil","random","j","round","push","SearchPane","onSearch","onTrackingClick","searchButtonRef","toggleSearch","onSearchAsYouType","setValue","inputRef","autoCompleteSuggestions","setAutoCompleteSuggestions","searchAsYouTypeResults","setSearchAsYouTypeResults","searchResultClicked","setSearchResultClicked","setOnSearchAsYouTypeParams","globalHeaderDynamicData","banner","catalogDropdown","showMarketingBanner","text","href","searchAsYouTypeLoader","useMemo","valueTrimmed","trim","hasSearchEventAndResultsWithoutClick","closeSearch","length","query","searchId","resultsCount","queryLoadTime","setTimeout","current","focus","onKeyDown","onMouseDownOutside","target","handleOutsideClick","document","querySelector","contains","removeEventListener","addEventListener","navigateToSearch","searchTerm","fromPrevSearch","handleChange","evt","handleSubmit","event","preventDefault","clearInput","onUrlChange","init","cancel","clearAutocomplete","clearSearchAsYouType","searchEventNoResultDelay","loaderDelay","autocomplete","then","suggestions","searchAsYouType","results","top","clearTimeout","height","position","elements","headerHeight","onEscapeKey","onClickOutside","allowPageInteraction","borderColorBottom","borderColorTop","borderStyle","borderWidth","data-testid","maxHeight","zIndex","border","borderColor","borderStyleBottom","borderWidthBottom","action","id","ml","onSubmit","autoFocus","background","color","name","onChange","e","placeholder","ref","type","autoComplete","icon","aria-label","tip","tipProps","alignment","placement","narrow","onClick","size","source","tabIndex","lg","flexDirection","as","listStyle","p","s","search_id","misc","JSON","stringify","mb","strokeWidth","mr","mt","r","word","fontFamily","borderRadius","opacity","role","slug","contentId","content_id","urlPath","variant","sm","my","handleCloseDropdown"],"sources":["../../../src/AppHeader/Search/SearchPane.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  FlexBox,\n  FocusTrap,\n  IconButton,\n  Menu,\n  MenuItem,\n  Shimmer,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon, SearchIcon } from '@codecademy/gamut-icons';\nimport { css, theme, useCurrentMode } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useGlobalHeaderDynamicDataContext } from '../../GlobalHeader/context';\nimport { MarketingBanner } from '../AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { useOnEscHandler } from '../shared';\nimport { searchPlaceholder } from './consts';\nimport { PopularContent, PopularSearches } from './DefaultResults';\nimport { useUrlChangeDetection } from './hooks/useUrlChangeDetection';\nimport { QuizAndHelpCenterLinks } from './QuizAndHelpCenterLinks';\nimport { safelyRedirect } from './safelyRedirect';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { searchWorker } from './SearchWorker';\nimport type {\n  AutocompleteSuggestion,\n  SearchAsYouTypeResults,\n} from './SearchWorker/types';\nimport { SearchPaneProps } from './types';\n\nconst Form = Box.withComponent('form');\nconst Input = Box.withComponent('input');\n\nconst QueryContainer = styled(ContentContainer)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    css({\n      display: 'flex',\n      width: '100%',\n      pt: 16,\n      pb: $compact ? { _: 0, md: 4 } : { _: 0, md: 24 },\n      px: { _: 24 },\n    })\n);\n\nconst SuggestionContainer = styled(ContentContainer)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    css({\n      pt: $compact ? 4 : 16,\n      pb: { _: 0, md: 24 },\n      px: { _: 24 },\n    })\n);\n\nconst StyledInput = styled(Input)(\n  css({\n    outline: `none`,\n    '&::placeholder': {\n      textColor: theme.colors['text-secondary'] as never,\n    },\n  })\n);\n\nconst InlineResultLi = styled(MenuItem)(\n  css({\n    pl: 0,\n    py: 8,\n    fontSize: 16,\n    '&:focus-visible:after': {\n      left: -4,\n    },\n  })\n);\n\nconst InlineLoaderLi = styled.li(\n  css({\n    listStyleType: 'none',\n    display: 'flex',\n    gap: 12,\n    alignItems: 'center',\n  })\n);\n\nexport const SemiboldSearchIcon = styled(SearchIcon)`\n  overflow: visible !important;\n  circle,\n  path {\n    stroke-width: 2px;\n  }\n  rect {\n    transform: translate(-2px, -2px);\n    height: calc(100% + 4px);\n    width: calc(100% + 4px);\n  }\n`;\n\nconst EllipsisBox = styled(Box)`\n  text-overflow: ellipsis;\n`;\n\nconst HighlightedText = ({\n  suggestion: { title, segments },\n}: {\n  suggestion: AutocompleteSuggestion;\n}) => {\n  const mode = useCurrentMode();\n  const highlightColor = mode === 'dark' ? 'hyper' : 'yellow';\n\n  return (\n    <FlexBox>\n      <EllipsisBox\n        maxWidth=\"calc(100vw - 128px)\"\n        whiteSpace=\"pre\"\n        aria-hidden\n        overflow=\"hidden\"\n      >\n        {segments.map((segment, i) => (\n          <Text\n            key={`${title}:${i.toString()}`}\n            lineHeight=\"title\"\n            {...(segment.highlight\n              ? { bg: highlightColor, fontWeight: 'bold' }\n              : {})}\n          >\n            {segment.value}\n          </Text>\n        ))}\n      </EllipsisBox>\n      <Text screenreader>{title}</Text>\n    </FlexBox>\n  );\n};\n\ntype SearchAsYouTypeLoader = {\n  shimmerRows: {\n    key: string;\n    shimmers: {\n      key: string;\n      width: number;\n    }[];\n  }[];\n};\n\nlet loaderKey = 0;\nfunction rndLoader() {\n  // eslint-disable-next-line no-plusplus\n  const key = loaderKey++;\n  const loader: SearchAsYouTypeLoader = { shimmerRows: [] };\n  for (let i = 0; i < 5; i++) {\n    const row = {\n      key: `${key}:${i}`,\n      shimmers: [] as { key: string; width: number }[],\n    };\n    const words = Math.ceil(Math.random() * 3);\n    for (let j = 0; j < words; j++) {\n      const width = 12 + Math.round(Math.random() * 96);\n      row.shimmers.push({\n        key: `${key}:${j}`,\n        width,\n      });\n    }\n    loader.shimmerRows.push(row);\n  }\n  return loader;\n}\n\nexport const SearchPane: React.FC<SearchPaneProps> = ({\n  onSearch,\n  onTrackingClick,\n  searchButtonRef,\n  toggleSearch,\n  onSearchAsYouType,\n}) => {\n  const theme = useTheme();\n  const [value, setValue] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [autoCompleteSuggestions, setAutoCompleteSuggestions] = useState<\n    AutocompleteSuggestion[]\n  >([]);\n  const [searchAsYouTypeResults, setSearchAsYouTypeResults] =\n    useState<SearchAsYouTypeResults | null>(null);\n\n  const [searchResultClicked, setSearchResultClicked] = useState(false);\n\n  const { setOnSearchAsYouTypeParams } = useSearchTrackingContext();\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n\n  const banner = globalHeaderDynamicData?.catalogDropdown?.banner;\n  const showMarketingBanner = banner?.text && banner?.href && MarketingBanner;\n\n  const searchAsYouTypeLoader = React.useMemo(\n    () => (searchAsYouTypeResults === null ? rndLoader() : null),\n    [searchAsYouTypeResults]\n  );\n\n  const valueTrimmed = value.trim();\n\n  const hasSearchEventAndResultsWithoutClick =\n    onSearchAsYouType && searchAsYouTypeResults && !searchResultClicked;\n\n  const closeSearch = async () => {\n    // track search event when user made a search and then closed search pane\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    await toggleSearch();\n    // adds a little delay between closing the search pane and focusing on the button\n    // to prevent the search pane from immediately opening again\n    setTimeout(() => {\n      if (searchButtonRef && searchButtonRef?.current) {\n        searchButtonRef.current?.focus();\n      }\n    }, 10);\n  };\n\n  const onKeyDown = useOnEscHandler(closeSearch);\n\n  const onMouseDownOutside = ({ target }: MouseEvent) => {\n    const handleOutsideClick = () => {\n      if (\n        !document\n          .querySelector('[data-testid=\"header-search-dropdown\"]')\n          ?.contains(target as HTMLElement) &&\n        target !== searchButtonRef?.current\n      ) {\n        closeSearch();\n      }\n\n      target?.removeEventListener('mouseup', handleOutsideClick);\n    };\n\n    target?.addEventListener('mouseup', handleOutsideClick);\n  };\n\n  const navigateToSearch = (searchTerm: string, fromPrevSearch?: string) => {\n    onSearch(searchTerm, fromPrevSearch);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (evt) => {\n    setValue(evt.target.value);\n    // reset to false when the search query changes\n    setSearchResultClicked(false);\n  };\n\n  const handleSubmit: React.FormEventHandler = (event) => {\n    event.preventDefault();\n\n    // track search event when the user submits the form to capture complete query\n    if (hasSearchEventAndResultsWithoutClick) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    navigateToSearch(value, searchAsYouTypeResults?.searchId);\n  };\n\n  const clearInput = () => {\n    // track search event before user clears input\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    setValue('');\n    setAutoCompleteSuggestions([]);\n    // reset the context with empty values\n    setOnSearchAsYouTypeParams({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n  };\n\n  // when the current URL changes, we want to close the search pane if it's open\n  // and track search event if user made a search\n  useUrlChangeDetection({\n    onUrlChange: () => {\n      if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n        const { query, searchId, resultsCount, queryLoadTime } =\n          searchAsYouTypeResults;\n        onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n      }\n\n      toggleSearch();\n    },\n  });\n\n  useEffect(() => {\n    // don't track if a result was clicked or if we don't have search results\n    if (\n      searchResultClicked ||\n      !onSearchAsYouType ||\n      !searchAsYouTypeResults ||\n      !valueTrimmed.length\n    )\n      // eslint-disable-next-line no-useless-return\n      return;\n  }, [\n    searchResultClicked,\n    searchAsYouTypeResults,\n    valueTrimmed,\n    onSearchAsYouType,\n  ]);\n\n  useEffect(() => {\n    inputRef.current?.focus();\n    searchWorker.init();\n  }, []);\n\n  useEffect(() => {\n    if (!valueTrimmed.length) {\n      setSearchAsYouTypeResults(null);\n      setAutoCompleteSuggestions([]);\n      setOnSearchAsYouTypeParams({\n        query: '',\n        searchId: '',\n        resultsCount: 0,\n        queryLoadTime: 0,\n      });\n      return;\n    }\n\n    let cancel = false;\n    let clearAutocomplete = true;\n    let clearSearchAsYouType = true;\n\n    let searchEventNoResultDelay: NodeJS.Timeout;\n\n    const loaderDelay = setTimeout(() => {\n      /*\n       * Wait 10 milliseconds to get a response for worker before showing loaders.\n       * This prevents flickering loaders on quick or cached results.\n       */\n      if (cancel) return;\n      if (clearAutocomplete) setAutoCompleteSuggestions([]);\n      if (clearSearchAsYouType) setSearchAsYouTypeResults(null);\n    }, 10);\n\n    searchWorker.autocomplete(valueTrimmed).then((suggestions) => {\n      clearAutocomplete = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setAutoCompleteSuggestions(suggestions);\n    });\n\n    searchWorker.searchAsYouType(valueTrimmed).then((results) => {\n      clearSearchAsYouType = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setSearchAsYouTypeResults(results);\n\n      setOnSearchAsYouTypeParams({\n        query: results.query,\n        searchId: results.searchId,\n        resultsCount: results.top.length,\n        queryLoadTime: results.queryLoadTime,\n      });\n\n      // track search event with a small delay when there are no results\n      if (\n        onSearchAsYouType &&\n        results.top.length === 0 &&\n        !searchResultClicked\n      ) {\n        const { query, searchId, queryLoadTime } = results;\n        searchEventNoResultDelay = setTimeout(() => {\n          if (!cancel) {\n            onSearchAsYouType(query, searchId, 0, queryLoadTime);\n          }\n        }, 300);\n      }\n    });\n\n    return () => {\n      cancel = true;\n      clearTimeout(loaderDelay);\n      clearTimeout(searchEventNoResultDelay);\n    };\n  }, [\n    valueTrimmed,\n    onSearchAsYouType,\n    searchResultClicked,\n    setOnSearchAsYouTypeParams,\n  ]);\n\n  return (\n    <>\n      <Box\n        aria-hidden\n        bg=\"shadow-secondary\"\n        height=\"100vh\"\n        position=\"fixed\"\n        // We add 6rem here in case there's some sort of branded banner above search\n        // The search area is much taller than 6rem so this is a safe amount of padding\n        top={`calc(${theme.elements.headerHeight} + 6rem)`}\n        width={1}\n      />\n      <FocusTrap\n        onEscapeKey={closeSearch}\n        onClickOutside={onMouseDownOutside}\n        allowPageInteraction\n      >\n        <Box\n          bg=\"background\"\n          borderColorBottom=\"border-primary\"\n          borderColorTop=\"border-tertiary\"\n          borderStyle=\"solid\"\n          borderWidth=\"2px 0 1px\"\n          data-testid=\"header-search-dropdown\"\n          position={{ _: 'fixed', md: 'absolute' }}\n          width=\"100%\"\n          maxHeight={{ _: 'calc(100vh - 63px)', md: 'calc(100vh - 80px)' }}\n          overflow=\"auto\"\n          zIndex={10} // ensure dropdown is above the page content\n        >\n          <Box border=\"none\" width=\"auto\">\n            <QueryContainer $compact={!!showMarketingBanner}>\n              <FlexBox\n                alignItems=\"baseline\"\n                borderColor=\"gray-600\"\n                borderStyleBottom=\"solid\"\n                borderWidthBottom=\"1px\"\n                width=\"100%\"\n              >\n                <SearchIcon\n                  height={{ _: 20, md: 24 }}\n                  width={{ _: 20, md: 24 }}\n                />\n                <Form\n                  action=\"/search\"\n                  id=\"search-form\"\n                  ml={8}\n                  onSubmit={handleSubmit}\n                  width=\"100%\"\n                >\n                  <StyledInput\n                    autoFocus\n                    background=\"none\"\n                    border=\"none\"\n                    color=\"text\"\n                    fontSize={{ _: 20, md: 26 }}\n                    fontWeight=\"bold\"\n                    id=\"header-search-bar\"\n                    name=\"query\"\n                    onChange={handleChange}\n                    onKeyDown={(e) => onKeyDown(e)}\n                    placeholder={searchPlaceholder}\n                    ref={inputRef}\n                    type=\"search\"\n                    value={value}\n                    width=\"100%\"\n                    autoComplete=\"off\"\n                  />\n                </Form>\n                <IconButton\n                  icon={MiniDeleteIcon}\n                  aria-label=\"Clear search\"\n                  tip=\"Clear search\"\n                  tipProps={{\n                    alignment: 'bottom-center',\n                    placement: 'floating',\n                    narrow: true,\n                    zIndex: 2,\n                  }}\n                  onClick={clearInput}\n                  size=\"small\"\n                />\n              </FlexBox>\n            </QueryContainer>\n          </Box>\n          {showMarketingBanner && (\n            <ContentContainer>\n              <MarketingBanner\n                source=\"search\"\n                text={banner?.text}\n                href={banner?.href}\n                tabIndex={0}\n                py={{ _: 16, lg: 24 }}\n              />\n            </ContentContainer>\n          )}\n          <SuggestionContainer $compact={!!showMarketingBanner}>\n            {valueTrimmed.length > 0 ? (\n              <>\n                <FlexBox flexDirection=\"column\" as=\"ul\" listStyle=\"none\" p={0}>\n                  {autoCompleteSuggestions.map((s, i) => (\n                    <InlineResultLi\n                      key={s.title}\n                      tabIndex={0}\n                      onKeyDown={(evt) => {\n                        if (evt.key === 'Enter') {\n                          setSearchResultClicked(true);\n                          onTrackingClick('autocomplete_result', {\n                            search_id: searchAsYouTypeResults?.searchId ?? '',\n                            misc: JSON.stringify({\n                              position: i,\n                            }),\n                          });\n                          navigateToSearch(\n                            s.title,\n                            searchAsYouTypeResults?.searchId\n                          );\n                          closeSearch();\n                        }\n                      }}\n                      onClick={() => {\n                        setSearchResultClicked(true);\n                        onTrackingClick('autocomplete_result', {\n                          search_id: searchAsYouTypeResults?.searchId ?? '',\n                          misc: JSON.stringify({\n                            position: i,\n                          }),\n                        });\n                        navigateToSearch(\n                          s.title,\n                          searchAsYouTypeResults?.searchId\n                        );\n                        closeSearch();\n                      }}\n                    >\n                      <SemiboldSearchIcon\n                        mb={2 as 0}\n                        size={14}\n                        strokeWidth={8}\n                        aria-hidden\n                        mr={12}\n                      />\n                      <HighlightedText suggestion={s} />\n                    </InlineResultLi>\n                  ))}\n                </FlexBox>\n                {(searchAsYouTypeResults === null ||\n                  searchAsYouTypeResults.top.length > 0) && (\n                  <>\n                    <Text as=\"h2\" fontSize={20} mb={16} mt={24}>\n                      Top results\n                    </Text>\n                    <FlexBox\n                      flexDirection=\"column\"\n                      as=\"ul\"\n                      listStyle=\"none\"\n                      p={0}\n                    >\n                      {searchAsYouTypeResults === null\n                        ? searchAsYouTypeLoader?.shimmerRows.map((r) => (\n                            <InlineLoaderLi key={r.key}>\n                              {r.shimmers.map((word) => (\n                                <Shimmer\n                                  height={30}\n                                  py={8 as 0}\n                                  key={word.key}\n                                  width={word.width}\n                                />\n                              ))}\n                              <Box\n                                fontFamily=\"accent\"\n                                textColor=\"text-secondary\"\n                                fontSize={{ _: 10 as 16 }}\n                                borderColor=\"border-secondary\"\n                                border={1}\n                                borderRadius=\"xl\"\n                                px={16}\n                                opacity={0.1}\n                              >\n                                &nbsp;\n                              </Box>\n                            </InlineLoaderLi>\n                          ))\n                        : searchAsYouTypeResults.top.map((s, i) => (\n                            <InlineResultLi\n                              key={`${\n                                searchAsYouTypeResults.query\n                              }:${i.toString()}`}\n                              tabIndex={0}\n                              role=\"link\"\n                              onKeyDown={(evt) => {\n                                if (evt.key === 'Enter') {\n                                  setSearchResultClicked(true);\n                                  onTrackingClick('search_as_you_type_result', {\n                                    search_id: searchAsYouTypeResults.searchId,\n                                    slug: s.slug,\n                                    ...(s.contentId\n                                      ? { content_id: s.contentId }\n                                      : {}),\n                                    misc: JSON.stringify({\n                                      position: i,\n                                    }),\n                                  });\n                                  closeSearch();\n                                  safelyRedirect(s.urlPath);\n                                }\n                              }}\n                              onClick={() => {\n                                setSearchResultClicked(true);\n                                onTrackingClick('search_as_you_type_result', {\n                                  search_id: searchAsYouTypeResults.searchId,\n                                  slug: s.slug,\n                                  ...(s.contentId\n                                    ? { content_id: s.contentId }\n                                    : {}),\n                                  misc: JSON.stringify({\n                                    position: i,\n                                  }),\n                                });\n                                closeSearch();\n                                safelyRedirect(s.urlPath);\n                              }}\n                            >\n                              <HighlightedText suggestion={s} />\n                              <Badge size=\"sm\" variant=\"tertiary\" ml={12}>\n                                {s.type}\n                              </Badge>\n                            </InlineResultLi>\n                          ))}\n                    </FlexBox>\n                  </>\n                )}\n                {searchAsYouTypeResults?.top.length === 0 && (\n                  <>\n                    <Box fontSize={{ _: 20, sm: 26 }} mt={0} mb={48}>\n                      {`We couldn't find a match for `}\n                      <Text fontWeight=\"bold\">{`\"${valueTrimmed}.\"`}</Text>\n                      {\n                        ' Try another keyword, or see what our members are learning.'\n                      }\n                    </Box>\n                    <Menu border=\"none\" variant=\"popover\">\n                      <PopularContent onTrackingClick={onTrackingClick} />\n                    </Menu>\n                  </>\n                )}\n              </>\n            ) : (\n              <Menu border=\"none\" variant=\"popover\">\n                <PopularSearches\n                  navigateToSearch={navigateToSearch}\n                  onTrackingClick={onTrackingClick}\n                />\n                <PopularContent onTrackingClick={onTrackingClick} />\n              </Menu>\n            )}\n\n            {!!searchAsYouTypeResults?.top.length && (\n              <StrokeButton\n                my={16}\n                onClick={() => {\n                  onTrackingClick('view_all_results', {\n                    search_id: searchAsYouTypeResults.searchId,\n                  });\n                  navigateToSearch(value, searchAsYouTypeResults?.searchId);\n                  closeSearch();\n                }}\n              >\n                View all results\n              </StrokeButton>\n            )}\n            <QuizAndHelpCenterLinks\n              onTrackingClick={onTrackingClick}\n              handleCloseDropdown={closeSearch}\n            />\n          </SuggestionContainer>\n        </Box>\n      </FocusTrap>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMiC,OAAOhC,sBAAIiC,cAAc,OAAA;AAC/B,MAAMC,QAAQlC,sBAAIiC,cAAc,QAAA;AAEhC,MAAME,iBAAiBnB,6CAAOf,oCAAAA;;;IAC3B,EAAEmC,iDACG;CACFC,SAAS;CACTC,OAAO;CACPC,IAAI;CACJC,IAAIJ,WAAW;EAAEK,GAAG;EAAGC,IAAI;EAAE,GAAI;EAAED,GAAG;EAAGC,IAAI;EAAG;CAChDC,IAAI,EAAEF,GAAG,IAAG;CACd,CAAA,EAAA,8p8BAAA;AAGJ,MAAMG,sBAAsB5B,6CAAOf,oCAAAA;;;IAChC,EAAEmC,iDACG;CACFG,IAAIH,WAAW,IAAI;CACnBI,IAAI;EAAEC,GAAG;EAAGC,IAAI;EAAG;CACnBC,IAAI,EAAEF,GAAG,IAAG;CACd,CAAA,EAAA,8p8BAAA;AAGJ,MAAMI,cAAc7B,6CAAOkB,OAAAA;;;qCACrB;CACFY,SAAS;CACT,kBAAkB,EAChBC,WAAWlC,+BAAMmC,OAAO,mBAC1B;CACF,CAAA,EAAA,8p8BAAA;AAGF,MAAMC,iBAAiBjC,6CAAOV,4BAAAA;;;qCACxB;CACF4C,IAAI;CACJC,IAAI;CACJC,UAAU;CACV,yBAAyB,EACvBC,MAAM,IACR;CACF,CAAA,EAAA,8p8BAAA;AAGF,MAAMC,iBAAiBtC,6CAAAA,MAAAA;;;qCACjB;CACFuC,eAAe;CACflB,SAAS;CACTmB,KAAK;CACLC,YAAY;CACd,CAAA,EAAA,8p8BAAA;AAGF,MAAaC,qBAAqB1C,6CAAOL,oCAAAA;;;;AAazC,MAAMgD,cAAc3C,6CAAOhB,uBAAAA;;;;AAI3B,MAAM4D,mBAAmB,EACvBC,YAAY,EAAEC,OAAOC,iBAGtB;CAEC,MAAME,+DADOnD,KACmB,SAAS,UAAU;AAEnD,QACE,sBAAA,cAACZ,2BAAAA,MACC,sBAAA,cAACyD,aAAAA;EACCO,UAAS;EACTC,YAAW;EACXC,eAAAA;EACAC,UAAS;IAERN,SAASO,KAAKC,SAASC,MACtB,sBAAA,cAAC/D,wBAAAA;EACCgE,KAAK,GAAGX,MAAM,GAAGU,EAAEE,UAAQ;EAC3BC,YAAW;EACV,GAAIJ,QAAQK,YACT;GAAEC,IAAIZ;GAAgBa,YAAY;GAAO,GACzC,EAAE;IAELP,QAAQQ,MAAK,CAAA,CAAA,EAIpB,sBAAA,cAACtE,wBAAAA,EAAKuE,cAAAA,QAAclB,MAAAA,CAAAA;;AAe1B,IAAImB,YAAY;AAChB,SAASC,YAAAA;CAEP,MAAMT,MAAMQ;CACZ,MAAME,SAAgC,EAAEC,aAAa,EAAE,EAAC;AACxD,MAAK,IAAIZ,IAAI,GAAGA,IAAI,GAAGA,KAAK;EAC1B,MAAMa,MAAM;GACVZ,KAAK,GAAGA,IAAI,GAAGD;GACfc,UAAU,EAAE;GACd;EACA,MAAMC,QAAQC,KAAKC,KAAKD,KAAKE,QAAM,GAAK,EAAA;AACxC,OAAK,IAAIC,IAAI,GAAGA,IAAIJ,OAAOI,KAAK;GAC9B,MAAMrD,QAAQ,KAAKkD,KAAKI,MAAMJ,KAAKE,QAAM,GAAK,GAAA;AAC9CL,OAAIC,SAASO,KAAK;IAChBpB,KAAK,GAAGA,IAAI,GAAGkB;IACfrD;IACF,CAAA;;AAEF6C,SAAOC,YAAYS,KAAKR,IAAAA;;AAE1B,QAAOF;;AAGT,MAAaW,cAAyC,EACpDC,UACAC,iBACAC,iBACAC,cACAC,wBACD;CACC,MAAMtF,sCAAQE;CACd,MAAM,CAACgE,OAAOqB,gCAAqB,GAAA;CACnC,MAAMC,6BAAoC,KAAA;CAC1C,MAAM,CAACC,yBAAyBC,kDAE9B,EAAE,CAAA;CACJ,MAAM,CAACC,wBAAwBC,iDACW,KAAA;CAE1C,MAAM,CAACC,qBAAqBC,8CAAmC,MAAA;CAE/D,MAAM,EAAEC,+BAA+B9E,0CAAAA;CACvC,MAAM,EAAE+E,4BAA4BxF,mDAAAA;CAEpC,MAAMyF,SAASD,yBAAyBE,iBAAiBD;CACzD,MAAME,sBAAsBF,QAAQG,QAAQH,QAAQI,QAAQ5F;CAE5D,MAAM6F,wBAAwBlG,MAAMmG,cAC3BZ,2BAA2B,OAAOtB,WAAAA,GAAc,MACvD,CAACsB,uBAAuB,CAAA;CAG1B,MAAMa,eAAetC,MAAMuC,MAAI;CAE/B,MAAMC,uCACJpB,qBAAqBK,0BAA0B,CAACE;CAElD,MAAMc,cAAc,YAAA;AAElB,MAAID,wCAAwCF,aAAaI,SAAS,GAAG;GACnE,MAAM,EAAEC,OAAOC,UAAUC,cAAcC,kBACrCrB;AACFL,qBAAkBuB,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnD,QAAM3B,cAAAA;AAGN4B,mBAAW;AACT,OAAI7B,mBAAmBA,iBAAiB8B,QACtC9B,iBAAgB8B,SAASC,OAAAA;KAE1B,GAAA;;CAGL,MAAMC,YAAY1G,oCAAgBiG,YAAAA;CAElC,MAAMU,sBAAsB,EAAEC,aAAoB;EAChD,MAAMC,2BAAqB;AACzB,OACE,CAACC,SACEC,cAAc,2CAAA,EACbC,SAASJ,OAAAA,IACbA,WAAWlC,iBAAiB8B,QAE5BP,cAAAA;AAGFW,WAAQK,oBAAoB,WAAWJ,mBAAAA;;AAGzCD,UAAQM,iBAAiB,WAAWL,mBAAAA;;CAGtC,MAAMM,oBAAoBC,YAAoBC,mBAAAA;AAC5C7C,WAAS4C,YAAYC,eAAAA;;CAGvB,MAAMC,gBAA4DC,QAAAA;AAChE1C,WAAS0C,IAAIX,OAAOpD,MAAK;AAEzB4B,yBAAuB,MAAA;;CAGzB,MAAMoC,gBAAwCC,UAAAA;AAC5CA,QAAMC,gBAAc;AAGpB,MAAI1B,sCAAsC;GACxC,MAAM,EAAEG,OAAOC,UAAUC,cAAcC,kBACrCrB;AACFL,qBAAkBuB,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnDa,mBAAiB3D,OAAOyB,wBAAwBmB,SAAAA;;CAGlD,MAAMuB,mBAAa;AAEjB,MAAI3B,wCAAwCF,aAAaI,SAAS,GAAG;GACnE,MAAM,EAAEC,OAAOC,UAAUC,cAAcC,kBACrCrB;AACFL,qBAAkBuB,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnDzB,WAAS,GAAA;AACTG,6BAA2B,EAAE,CAAA;AAE7BK,6BAA2B;GACzBc,OAAO;GACPC,UAAU;GACVC,cAAc;GACdC,eAAe;GACjB,CAAA;;AAKFlG,qDAAsB,EACpBwH,mBAAa;AACX,MAAI5B,wCAAwCF,aAAaI,SAAS,GAAG;GACnE,MAAM,EAAEC,OAAOC,UAAUC,cAAcC,kBACrCrB;AACFL,qBAAkBuB,OAAOC,UAAUC,cAAcC,cAAAA;;AAGnD3B,gBAAAA;IAEJ,CAAA;AAEAhF,4BAAU;AAER,MACEwF,uBACA,CAACP,qBACD,CAACK,0BACD,CAACa,aAAaI,OAGd;IACD;EACDf;EACAF;EACAa;EACAlB;EACD,CAAA;AAEDjF,4BAAU;AACRmF,WAAS0B,SAASC,OAAAA;AAClBjG,+BAAaqH,MAAI;IAChB,EAAE,CAAA;AAELlI,4BAAU;AACR,MAAI,CAACmG,aAAaI,QAAQ;AACxBhB,6BAA0B,KAAA;AAC1BF,8BAA2B,EAAE,CAAA;AAC7BK,8BAA2B;IACzBc,OAAO;IACPC,UAAU;IACVC,cAAc;IACdC,eAAe;IACjB,CAAA;AACA;;EAGF,IAAIwB,SAAS;EACb,IAAIC,oBAAoB;EACxB,IAAIC,uBAAuB;EAE3B,IAAIC;EAEJ,MAAMC,cAAc3B,iBAAW;AAK7B,OAAIuB,OAAQ;AACZ,OAAIC,kBAAmB/C,4BAA2B,EAAE,CAAA;AACpD,OAAIgD,qBAAsB9C,2BAA0B,KAAA;KACnD,GAAA;AAEH1E,+BAAa2H,aAAarC,aAAAA,CAAcsC,MAAMC,gBAAAA;AAC5CN,uBAAoB;AAEpB,OAAID,OAAQ;AAEZ9C,8BAA2BqD,YAAAA;IAC7B;AAEA7H,+BAAa8H,gBAAgBxC,aAAAA,CAAcsC,MAAMG,YAAAA;AAC/CP,0BAAuB;AAEvB,OAAIF,OAAQ;AAEZ5C,6BAA0BqD,QAAAA;AAE1BlD,8BAA2B;IACzBc,OAAOoC,QAAQpC;IACfC,UAAUmC,QAAQnC;IAClBC,cAAckC,QAAQC,IAAItC;IAC1BI,eAAeiC,QAAQjC;IACzB,CAAA;AAGA,OACE1B,qBACA2D,QAAQC,IAAItC,WAAW,KACvB,CAACf,qBACD;IACA,MAAM,EAAEgB,OAAOC,UAAUE,kBAAkBiC;AAC3CN,+BAA2B1B,iBAAW;AACpC,SAAI,CAACuB,OACHlD,mBAAkBuB,OAAOC,UAAU,GAAGE,cAAAA;OAEvC,IAAA;;IAEP;AAEA,eAAO;AACLwB,YAAS;AACTW,gBAAaP,YAAAA;AACbO,gBAAaR,yBAAAA;;IAEd;EACDnC;EACAlB;EACAO;EACAE;EACD,CAAA;AAED,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC5G,uBAAAA;EACCoE,eAAAA;EACAS,IAAG;EACHoF,QAAO;EACPC,UAAS;EAGTH,KAAK,QAAQlJ,MAAMsJ,SAASC,aAAa;EACzC9H,OAAO;KAET,sBAAA,cAACnC,6BAAAA;EACCkK,aAAa7C;EACb8C,gBAAgBpC;EAChBqC,sBAAAA;IAEA,sBAAA,cAACvK,uBAAAA;EACC6E,IAAG;EACH2F,mBAAkB;EAClBC,gBAAe;EACfC,aAAY;EACZC,aAAY;EACZC,eAAY;EACZV,UAAU;GAAEzH,GAAG;GAASC,IAAI;GAAW;EACvCJ,OAAM;EACNuI,WAAW;GAAEpI,GAAG;GAAsBC,IAAI;GAAqB;EAC/D2B,UAAS;EACTyG,QAAQ;IAER,sBAAA,cAAC9K,uBAAAA;EAAI+K,QAAO;EAAOzI,OAAM;IACvB,sBAAA,cAACH,gBAAAA,EAAeC,UAAU,CAAC,CAAC4E,uBAC1B,sBAAA,cAAC9G,2BAAAA;EACCuD,YAAW;EACXuH,aAAY;EACZC,mBAAkB;EAClBC,mBAAkB;EAClB5I,OAAM;IAEN,sBAAA,cAAC3B,oCAAAA;EACCsJ,QAAQ;GAAExH,GAAG;GAAIC,IAAI;GAAG;EACxBJ,OAAO;GAAEG,GAAG;GAAIC,IAAI;GAAG;KAEzB,sBAAA,cAACV,MAAAA;EACCmJ,QAAO;EACPC,IAAG;EACHC,IAAI;EACJC,UAAUvC;EACVzG,OAAM;IAEN,sBAAA,cAACO,aAAAA;EACC0I,WAAAA;EACAC,YAAW;EACXT,QAAO;EACPU,OAAM;EACNrI,UAAU;GAAEX,GAAG;GAAIC,IAAI;GAAG;EAC1BoC,YAAW;EACXsG,IAAG;EACHM,MAAK;EACLC,UAAU9C;EACVZ,YAAY2D,MAAM3D,UAAU2D,EAAAA;EAC5BC,aAAarK;EACbsK,KAAKzF;EACL0F,MAAK;EACEhH;EACPzC,OAAM;EACN0J,cAAa;MAGjB,sBAAA,cAAC5L,8BAAAA;EACC6L,MAAMvL;EACNwL,cAAW;EACXC,KAAI;EACJC,UAAU;GACRC,WAAW;GACXC,WAAW;GACXC,QAAQ;GACRzB,QAAQ;GACV;EACA0B,SAAStD;EACTuD,MAAK;QAKZzF,uBACC,sBAAA,cAAC/G,oCAAAA,MACC,sBAAA,cAACqB,yCAAAA;EACCoL,QAAO;EACPzF,MAAMH,QAAQG;EACdC,MAAMJ,QAAQI;EACdyF,UAAU;EACVxJ,IAAI;GAAEV,GAAG;GAAImK,IAAI;GAAG;MAI1B,sBAAA,cAAChK,qBAAAA,EAAoBR,UAAU,CAAC,CAAC4E,uBAC9BK,aAAaI,SAAS,IACrB,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACvH,2BAAAA;EAAQ2M,eAAc;EAASC,IAAG;EAAKC,WAAU;EAAOC,GAAG;IACzD1G,wBAAwBhC,KAAK2I,GAAGzI,MAC/B,sBAAA,cAACvB,gBAAAA;EACCwB,KAAKwI,EAAEnJ;EACP6I,UAAU;EACV1E,YAAYa,QAAAA;AACV,OAAIA,IAAIrE,QAAQ,SAAS;AACvBkC,2BAAuB,KAAA;AACvBX,oBAAgB,uBAAuB;KACrCkH,WAAW1G,wBAAwBmB,YAAY;KAC/CwF,MAAMC,KAAKC,UAAU,EACnBnD,UAAU1F,GACZ,CAAA;KACF,CAAA;AACAkE,qBACEuE,EAAEnJ,OACF0C,wBAAwBmB,SAAAA;AAE1BH,iBAAAA;;;EAGJgF,eAAS;AACP7F,0BAAuB,KAAA;AACvBX,mBAAgB,uBAAuB;IACrCkH,WAAW1G,wBAAwBmB,YAAY;IAC/CwF,MAAMC,KAAKC,UAAU,EACnBnD,UAAU1F,GACZ,CAAA;IACF,CAAA;AACAkE,oBACEuE,EAAEnJ,OACF0C,wBAAwBmB,SAAAA;AAE1BH,gBAAAA;;IAGF,sBAAA,cAAC9D,oBAAAA;EACC4J,IAAI;EACJb,MAAM;EACNc,aAAa;EACbnJ,eAAAA;EACAoJ,IAAI;KAEN,sBAAA,cAAC5J,iBAAAA,EAAgBC,YAAYoJ,UAIjCzG,2BAA2B,QAC3BA,uBAAuBuD,IAAItC,SAAS,MACpC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAChH,wBAAAA;EAAKqM,IAAG;EAAK1J,UAAU;EAAIkK,IAAI;EAAIG,IAAI;IAAI,cAAA,EAG5C,sBAAA,cAACvN,2BAAAA;EACC2M,eAAc;EACdC,IAAG;EACHC,WAAU;EACVC,GAAG;IAEFxG,2BAA2B,OACxBW,uBAAuB/B,YAAYd,KAAKoJ,MACtC,sBAAA,cAACpK,gBAAAA,EAAemB,KAAKiJ,EAAEjJ,OACpBiJ,EAAEpI,SAAShB,KAAKqJ,SACf,sBAAA,cAACpN,2BAAAA;EACC0J,QAAQ;EACR9G,IAAI;EACJsB,KAAKkJ,KAAKlJ;EACVnC,OAAOqL,KAAKrL;MAGhB,sBAAA,cAACtC,uBAAAA;EACC4N,YAAW;EACX7K,WAAU;EACVK,UAAU,EAAEX,GAAG,IAAS;EACxBuI,aAAY;EACZD,QAAQ;EACR8C,cAAa;EACblL,IAAI;EACJmL,SAAS;IACV,OAAA,CAAA,CAAA,GAKLtH,uBAAuBuD,IAAIzF,KAAK2I,GAAGzI,MACjC,sBAAA,cAACvB,gBAAAA;EACCwB,KAAK,GACH+B,uBAAuBkB,MACxB,GAAGlD,EAAEE,UAAQ;EACdiI,UAAU;EACVoB,MAAK;EACL9F,YAAYa,QAAAA;AACV,OAAIA,IAAIrE,QAAQ,SAAS;AACvBkC,2BAAuB,KAAA;AACvBX,oBAAgB,6BAA6B;KAC3CkH,WAAW1G,uBAAuBmB;KAClCqG,MAAMf,EAAEe;KACR,GAAIf,EAAEgB,YACF,EAAEC,YAAYjB,EAAEgB,WAAU,GAC1B,EAAE;KACNd,MAAMC,KAAKC,UAAU,EACnBnD,UAAU1F,GACZ,CAAA;KACF,CAAA;AACAgD,iBAAAA;AACA3F,0CAAeoL,EAAEkB,QAAO;;;EAG5B3B,eAAS;AACP7F,0BAAuB,KAAA;AACvBX,mBAAgB,6BAA6B;IAC3CkH,WAAW1G,uBAAuBmB;IAClCqG,MAAMf,EAAEe;IACR,GAAIf,EAAEgB,YACF,EAAEC,YAAYjB,EAAEgB,WAAU,GAC1B,EAAE;IACNd,MAAMC,KAAKC,UAAU,EACnBnD,UAAU1F,GACZ,CAAA;IACF,CAAA;AACAgD,gBAAAA;AACA3F,yCAAeoL,EAAEkB,QAAO;;IAG1B,sBAAA,cAACvK,iBAAAA,EAAgBC,YAAYoJ,MAC7B,sBAAA,cAAClN,yBAAAA;EAAM0M,MAAK;EAAK2B,SAAQ;EAAW/C,IAAI;IACrC4B,EAAElB,KAAI,CAAA,CAAA,CAAA,CAAA,EAOtBvF,wBAAwBuD,IAAItC,WAAW,KACtC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACzH,uBAAAA;EAAIoD,UAAU;GAAEX,GAAG;GAAI4L,IAAI;GAAG;EAAGZ,IAAI;EAAGH,IAAI;IAC1C,iCACD,sBAAA,cAAC7M,wBAAAA,EAAKqE,YAAW,UAAQ,IAAIuC,aAAa,IAAG,EAE3C,8DAAA,EAGJ,sBAAA,cAAChH,wBAAAA;EAAK0K,QAAO;EAAOqD,SAAQ;IAC1B,sBAAA,cAAC3M,uCAAAA,EAAgCuE,wBAMzC,sBAAA,cAAC3F,wBAAAA;EAAK0K,QAAO;EAAOqD,SAAQ;IAC1B,sBAAA,cAAC1M,wCAAAA;EACmBgH;EACD1C;KAEnB,sBAAA,cAACvE,uCAAAA,EAAgCuE,qBAIpC,CAAC,CAACQ,wBAAwBuD,IAAItC,UAC7B,sBAAA,cAACjH,gCAAAA;EACC8N,IAAI;EACJ9B,eAAS;AACPxG,mBAAgB,oBAAoB,EAClCkH,WAAW1G,uBAAuBmB,UACpC,CAAA;AACAe,oBAAiB3D,OAAOyB,wBAAwBmB,SAAAA;AAChDH,gBAAAA;;IAEH,mBAAA,EAIH,sBAAA,cAAC5F,uDAAAA;EACkBoE;EACjBuI,qBAAqB/G"}