{"version":3,"file":"component---src-pages-index-tsx-9b5ea96fb0a8b53b5380.js","mappings":"6KAGO,SAASA,KACdC,EAAAA,EAAAA,YAAU,WACRC,EAAAA,GAAAA,eAAuBC,UAAUC,YAChC,M,4FCsEL,UApE8B,SAAC,GAAa,IACpCC,EADoC,EAAXC,KACSC,cAAcC,SAEtD,GAA0CC,EAAAA,EAAAA,UAAiB,MAArCC,GAAtB,WACA,GAAgDD,EAAAA,EAAAA,UAC9C,IADKE,EAAP,KAAyBC,EAAzB,KA+BA,OA3BAZ,EAAAA,EAAAA,MAEAC,EAAAA,EAAAA,YAAU,WACRW,EAAoBT,UAAUU,UAAUC,KAAI,SAACC,GAAD,OAAUA,EAAKC,MAAM,KAAK,OACtEN,EAAiBP,UAAUC,UAE3BC,EAAiBY,MAAK,SAACC,EAAGC,GACxB,OAAIR,EAAiBS,SAASF,IAAMP,EAAiBS,SAASD,GACrD,EAELR,EAAiBS,SAASF,GACrB,EAELP,EAAiBS,SAASD,IACpB,EAEH,KAGLd,EAAiBe,SAASjB,UAAUC,YACtCiB,EAAAA,EAAAA,UAAS,IAAIlB,UAAUC,SAAf,KAENC,EAAiBe,SAASjB,UAAUC,SAASY,MAAM,KAAK,MAC1DK,EAAAA,EAAAA,UAAS,IAAIlB,UAAUC,SAASY,MAAM,KAAK,GAAnC,OAET,IAGD,uBAAKM,UAAU,6FACb,uBAAKA,UAAU,8EACb,gBAAC,IAAD,CAAYC,GAAG,YAAYC,EAAE,aAE/B,uBAAKF,UAAU,sFACb,gBAAC,IAAD,CAAYC,GAAG,YAAYC,EAAE,sBAE/B,uBAAKF,UAAU,wCACZjB,EAAiBS,KAAI,SAACW,GAAD,OACpB,gBAAC,KAAD,CAAMC,IAAKD,EAAQE,GAAE,IAAMF,EAAUH,UAAS,SAC5C,gBAAC,IAAD,CACEA,UAAU,yCACVM,YAAaH,IAEf,uBAAKH,UAAU,uEACb,gBAAC,IAAD,CAAYC,GAAG,YAAYC,EAAGC","sources":["webpack://signature-products-gmb-h/./src/hooks/useDetectLocale.tsx","webpack://signature-products-gmb-h/./src/pages/index.tsx"],"sourcesContent":["import i18next from 'i18next';\nimport { useEffect } from 'react';\n\nexport function useDetectLocale() {\n  useEffect(() => {\n    i18next.changeLanguage(navigator.language);\n  }, []);\n}\n","import { graphql, navigate } from 'gatsby';\nimport i18n from 'i18next';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport CircleFlag from '../components/language-switcher/CircleFlag';\nimport Link from '../components/link/Link';\nimport Translated from '../components/translation/Translated';\nimport { useDetectLocale } from '../hooks/useDetectLocale';\n\nconst LanguageSelectionPage = ({ data }) => {\n  const availableLocales: string[] = data.allStrapiPage.distinct;\n\n  const [browserLocale, setBrowserLocale] = useState<string>(null);\n  const [preferredLocales, setPreferredLocales] = useState<readonly string[]>(\n    []\n  );\n\n  useDetectLocale();\n\n  useEffect(() => {\n    setPreferredLocales(navigator.languages.map((lang) => lang.split('-')[0]));\n    setBrowserLocale(navigator.language);\n\n    availableLocales.sort((a, b) => {\n      if (preferredLocales.includes(a) && preferredLocales.includes(b)) {\n        return 0;\n      }\n      if (preferredLocales.includes(a)) {\n        return 1;\n      }\n      if (preferredLocales.includes(b)) {\n        return -1;\n      }\n      return 0;\n    });\n\n    if (availableLocales.includes(navigator.language)) {\n      navigate(`/${navigator.language}/`);\n    }\n    if (availableLocales.includes(navigator.language.split('-')[0])) {\n      navigate(`/${navigator.language.split('-')[0]}/`);\n    }\n  }, []);\n\n  return (\n    <div className=\"flex flex-col grow justify-center items-center bg-slate-100 dark:bg-slate-900 sm:p-16 p-4\">\n      <div className=\"text-center sm:text-6xl text-3xl font-bold mb-2 text-black dark:text-white\">\n        <Translated ns=\"languages\" k=\"welcome\" />\n      </div>\n      <div className=\"text-center mb-12 sm:text-2xl text-xl font-bold text-slate-400 dark:text-slate-500\">\n        <Translated ns=\"languages\" k=\"selectionMessage\" />\n      </div>\n      <div className=\"flex justify-center flex-wrap gap-16\">\n        {availableLocales.map((locale: string) => (\n          <Link key={locale} to={`/${locale}`} className={`block`}>\n            <CircleFlag\n              className=\"sm:w-32 sm:h-32 w-16 h-16 mb-4 mx-auto\"\n              countryCode={locale}\n            />\n            <div className=\"text-center sm:text-xl text-lg font-bold text-black dark:text-white\">\n              <Translated ns=\"languages\" k={locale} />\n            </div>\n          </Link>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport const query = graphql`\n  query LanguageSelectionPageQuery {\n    allStrapiPage {\n      distinct(field: locale)\n    }\n  }\n`;\n\nexport default LanguageSelectionPage;\n"],"names":["useDetectLocale","useEffect","i18next","navigator","language","availableLocales","data","allStrapiPage","distinct","useState","setBrowserLocale","preferredLocales","setPreferredLocales","languages","map","lang","split","sort","a","b","includes","navigate","className","ns","k","locale","key","to","countryCode"],"sourceRoot":""}