{"version":3,"file":"static/js/reactLanguage.8377ee3b.chunk.js","mappings":"mNAMMA,GAAqBC,EAAAA,EAAAA,OAAK,kBAC/B,mCAKKC,GAAYC,EAAAA,EAAAA,IAAW,SAAAC,GAAK,MAAK,CACtCC,OAAM,QACLC,MAAO,UACPC,OAAQ,UACRC,SAAU,GACVC,WAAY,EACZC,QAASN,EAAMO,QAAQ,GACvBC,cAAe,aACdR,EAAMS,YAAYC,GAAG,MAAQ,CAC7BJ,QAASN,EAAMO,QAAQ,SAiC1B,UA5BiB,SAAC,GAAc,IAAD,EAAXI,EAAW,EAAXA,KACbC,EAAMd,IACZ,GAAmBe,EAAAA,EAAAA,YAAWC,EAAAA,SACtBC,IADR,gBAC6B,IAArBA,KACR,GAAsBF,EAAAA,EAAAA,YAAWG,EAAAA,SAA1BC,GAAP,eACA,GAAwCC,EAAAA,EAAAA,WAAS,GAAjD,eAAOC,EAAP,KAAqBC,EAArB,KAEA,OAAkB,OAAXH,QAAW,IAAXA,GAAA,UAAAA,EAAaI,iBAAb,eAAwBC,QAAS,GACvC,iBAAKC,UAAU,uBAAf,WACC,SAAC,IAAD,CAAYA,UAAWX,EAAIX,MAAOuB,QAAS,kBAAMJ,GAAgB,IAAjE,SACET,IAEDQ,IACA,SAAC,EAAAM,SAAD,CAAUC,UAAU,wBAApB,UACC,SAAC9B,EAAD,CACCyB,UAAS,OAAEJ,QAAF,IAAEA,OAAF,EAAEA,EAAaI,UACxBM,gBAAiBhB,EACjBiB,MAAK,OAAEb,QAAF,IAAEA,OAAF,EAAEA,EAAMa,MACbC,WAAYT,UAMhB","sources":["views/components/header/language.jsx"],"sourcesContent":["import React, { lazy, Suspense, useContext, useState } from \"react\";\nimport makeStyles from \"@material-ui/styles/makeStyles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport WebProfileContext from \"@WebProfileContext\";\nimport PageContext from \"@PageContext\";\n\nconst ReactLangSelection = lazy(() =>\n\timport(\n\t\t/* webpackChunkName: \"reactLangSelection\" */ \"@micado-digital/react-lang-selection/ReactLangSelection\"\n\t)\n);\n\nconst useStyles = makeStyles(theme => ({\n\tlabel: {\n\t\tcolor: \"#FFFFFF\",\n\t\tcursor: \"pointer\",\n\t\tfontSize: 18,\n\t\tmarginTop: -1,\n\t\tpadding: theme.spacing(1),\n\t\ttextTransform: \"uppercase\",\n\t\t[theme.breakpoints.up(\"md\")]: {\n\t\t\tpadding: theme.spacing(2)\n\t\t}\n\t}\n}));\n\nconst Language = ({ lang }) => {\n\tconst css = useStyles();\n\tconst [pageData] = useContext(PageContext);\n\tconst { meta } = pageData || {};\n\tconst [profileData] = useContext(WebProfileContext);\n\tconst [languageOpen, setLanguageOpen] = useState(false);\n\n\treturn profileData?.languages?.length > 1 ? (\n\t\t<div className=\"mco-header__language\">\n\t\t\t<Typography className={css.label} onClick={() => setLanguageOpen(true)}>\n\t\t\t\t{lang}\n\t\t\t</Typography>\n\t\t\t{languageOpen && (\n\t\t\t\t<Suspense fallback={<></>}>\n\t\t\t\t\t<ReactLangSelection\n\t\t\t\t\t\tlanguages={profileData?.languages}\n\t\t\t\t\t\tcurrentLanguage={lang}\n\t\t\t\t\t\tlinks={meta?.links}\n\t\t\t\t\t\tsetOverlay={setLanguageOpen}\n\t\t\t\t\t/>\n\t\t\t\t</Suspense>\n\t\t\t)}\n\t\t</div>\n\t) : (\n\t\t<></>\n\t);\n};\n\nexport default Language;\n"],"names":["ReactLangSelection","lazy","useStyles","makeStyles","theme","label","color","cursor","fontSize","marginTop","padding","spacing","textTransform","breakpoints","up","lang","css","useContext","PageContext","meta","WebProfileContext","profileData","useState","languageOpen","setLanguageOpen","languages","length","className","onClick","Suspense","fallback","currentLanguage","links","setOverlay"],"sourceRoot":""}