{"version":3,"file":"LocalesDropdown-2e8e105e.js","sources":["../../../app/javascript/components_contributor/molecules/LocalesDropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { useLocation } from '@reach/router'\nimport I18n, { useLocale } from 'components/i18n'\nimport { capitalize } from 'lodash'\nimport { Dropdown } from 'react-bootstrap'\nimport useQueryParam from 'shared/hooks/useQueryParam'\nimport classNames from 'classnames'\nimport './LocalesDropdown.scss'\n\ninterface Props {\n  reloadPageOnChange?: boolean\n}\n\nexport default function LocalesDropdown({ reloadPageOnChange = false }: Props): JSX.Element {\n  const { setLocale } = useLocale()\n  const [_, setQueryLocale] = useQueryParam('locale', '')\n  const location = useLocation()\n\n  const urlForLocale = (locale: string): string => {\n    const queryParams = new URLSearchParams(window.location.search)\n    queryParams.set('locale', locale)\n    return `${location.pathname}?${queryParams.toString()}`\n  }\n\n  const onClick = (event: React.MouseEvent<HTMLElement>, locale: string) => {\n    if (reloadPageOnChange) return\n\n    event.preventDefault()\n    setQueryLocale(locale)\n    setLocale(locale)\n  }\n\n  return (\n    <Dropdown className=\"locale\" data-testid={`language-button-${I18n.locale}`}>\n      <Dropdown.Toggle\n        data-test-id=\"header-language-dropdown\"\n        variant=\"light\"\n        className=\"d-flex align-items-center\"\n      >\n        <span className=\"d-flex align-items-center flex-grow-1\">\n          <img src={`/static-assets/media/languages/${I18n.locale}.svg`} alt=\"\" />\n          <span className=\"d-none d-sm-inline-flex\">\n            {capitalize(I18n.t(I18n.locale.toUpperCase(), { scope: 'languages' }))}\n          </span>\n        </span>\n        <i className=\"fa-solid fa-angle-down\" />\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        <ul className=\"nav\">\n          {I18n.availableLocales.map((locale) => (\n            <li\n              className={classNames('nav__item', { 'nav__item--active': locale === I18n.locale })}\n              key={locale}\n            >\n              <Dropdown.Item\n                className=\"header-locale-button nav__link\"\n                href={urlForLocale(locale)}\n                key={locale}\n                data-test-id={`header-${locale}-button`}\n                data-locale={locale}\n                id={`header-${locale}-button`}\n                onClick={(e) => onClick(e, locale)}\n              >\n                <span className=\"nav__link-text\">\n                  {capitalize(I18n.t(locale.toUpperCase(), {\n                    scope: 'languages',\n                    locale,\n                  }))}\n                </span>\n              </Dropdown.Item>\n            </li>\n          ))}\n        </ul>\n      </Dropdown.Menu>\n    </Dropdown>\n\n  )\n}\n"],"names":["LocalesDropdown","reloadPageOnChange","setLocale","useLocale","_","setQueryLocale","useQueryParam","location","useLocation","urlForLocale","locale","queryParams","onClick","event","React","Dropdown","I18n","capitalize","classNames","e"],"mappings":"kUAaA,SAAwBA,EAAgB,CAAE,mBAAAC,EAAqB,IAA6B,CACpF,KAAA,CAAE,UAAAC,GAAcC,IAChB,CAACC,EAAGC,CAAc,EAAIC,EAAc,SAAU,EAAE,EAChDC,EAAWC,IAEXC,EAAgBC,GAA2B,CAC/C,MAAMC,EAAc,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAClD,OAAAA,EAAA,IAAI,SAAUD,CAAM,EACzB,GAAGH,EAAS,QAAQ,IAAII,EAAY,SAAU,CAAA,EAAA,EAGjDC,EAAU,CAACC,EAAsCH,IAAmB,CACpET,IAEJY,EAAM,eAAe,EACrBR,EAAeK,CAAM,EACrBR,EAAUQ,CAAM,EAAA,EAIhB,OAAAI,EAAA,cAACC,GAAS,UAAU,SAAS,cAAa,mBAAmBC,EAAK,MAAM,EACtE,EAAAF,EAAA,cAACC,EAAS,OAAT,CACC,eAAa,2BACb,QAAQ,QACR,UAAU,2BAAA,EAETD,EAAA,cAAA,OAAA,CAAK,UAAU,uCAAA,EACbA,EAAA,cAAA,MAAA,CAAI,IAAK,kCAAkCE,EAAK,MAAM,OAAQ,IAAI,GAAG,EACtEF,EAAA,cAAC,OAAK,CAAA,UAAU,yBACb,EAAAG,EAAAA,WAAWD,EAAK,EAAEA,EAAK,OAAO,YAAe,EAAA,CAAE,MAAO,WAAA,CAAa,CAAC,CACvE,CACF,EACAF,EAAA,cAAC,IAAE,CAAA,UAAU,wBAAyB,CAAA,CAAA,EAExCA,EAAA,cAACC,EAAS,KAAT,KACCD,EAAA,cAAC,KAAG,CAAA,UAAU,KACX,EAAAE,EAAK,iBAAiB,IAAKN,GAC1BI,EAAA,cAAC,KAAA,CACC,UAAWI,EAAW,YAAa,CAAE,oBAAqBR,IAAWM,EAAK,OAAQ,EAClF,IAAKN,CAAA,EAELI,EAAA,cAACC,EAAS,KAAT,CACC,UAAU,iCACV,KAAMN,EAAaC,CAAM,EACzB,IAAKA,EACL,eAAc,UAAUA,CAAM,UAC9B,cAAaA,EACb,GAAI,UAAUA,CAAM,UACpB,QAAUS,GAAMP,EAAQO,EAAGT,CAAM,CAAA,EAEjCI,EAAA,cAAC,QAAK,UAAU,gBAAA,EACbG,aAAWD,EAAK,EAAEN,EAAO,YAAA,EAAe,CACvC,MAAO,YACP,OAAAA,CACD,CAAA,CAAC,CACJ,CACF,CAAA,CAEH,CACH,CACF,CACF,CAGJ"}