@verdaccio/ui-components 5.0.0-next-9.4 → 5.0.0-next-9.5

package/build/sections/Header/HeaderRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRight.js","names":["Button","Toolbar","MouseEvent","React","useEffect","useState","useTranslation","useCustomTheme","HeaderMenu","HeaderToolTip","Props","showSearch","username","hasLogin","showInfo","showSettings","showThemeSwitch","onToggleLogin","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleMobileNav","onLogout","HeaderRight","FC","isDarkMode","setIsDarkMode","anchorEl","setAnchorEl","HTMLElement","isMenuOpen","setIsMenuOpen","hideLoginSection","t","Boolean","handleLoggedInMenu","event","HTMLButtonElement","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","display","padding","marginRight"],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAMsB,eAAgC,EACpCX,YACAC,UACAK,eACAJ,UACAC,UACAC,cACAC,iBACAK,UACAD,mBACAF,0BACAC,2BACI;CAEJ,MAAM,EAAEK,YAAYC,kBAAkBlB,sBAAAA,gBAAgB;CACtD,MAAM,CAACmB,UAAUC,gBAAAA,GAAAA,MAAAA,UAA4C,KAAK;CAClE,MAAM,CAACE,YAAYC,kBAAAA,GAAAA,MAAAA,UAAmC,MAAM;CAC5D,MAAMC,mBAAmBlB,aAAa;CAEtC,MAAM,EAAEmB,OAAAA,GAAAA,cAAAA,iBAAsB;AAE9B5B,EAAAA,GAAAA,MAAAA,iBAAgB;AACd0B,gBAAcG,QAAQP,SAAS,CAAC;IAC/B,CAACA,SAAS,CAAC;;;;CAKd,MAAMQ,sBAAsBC,UAAyC;AACnER,cAAYQ,MAAME,cAAc;;;;;CAMlC,MAAMC,gCAAgC;AACpCX,cAAY,KAAK;;;;;CAMnB,MAAMY,0BAA0B;AAC9BZ,cAAY,KAAK;AACjBV,iBAAe;;CAGjB,MAAMuB,kCAAkC;AACtCC,mBAAiB;AACfhB,iBAAc,CAACD,WAAW;KACzB,IAAI;;AAGT,QACE,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;EACE,eAAY;EACZ,IAAI;GACFkB,SAAS;GACTC,SAAS;GACTC,aAAa;GACb,6BAA6B;IAC3BD,SAAS;IACTC,aAAa;IACf;GACD;YAVH;GAYGjC,eAAe,QACd,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASS;IACT,OAAOY,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GAEAjB,iBAAiB,QAChB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASI;IACT,OAAOa,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GACAlB,aAAa,QACZ,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASI;IACT,OAAOc,EAAE,uBAAuB;IAChC,iBAAiB;IAEpB,CAAA;GACAhB,oBAAoB,QACnB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASwB;IACT,OAAOR,EAAE,uBAAuB;IAChC,iBAAiBR,aAAa,cAAc;IAE/C,CAAA;GAEA,CAACO,oBACA,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACGnB,WACC,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IACYc;IACEG;IACZ,gBAAgBK;IAChB,qBAAqBI;IACXjB;IACAT;IACV,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS2B;cACjEP,EAAE,eAAe;IAErB,CAAA,EAEJ,CAAA;GACO"}
+{"version":3,"file":"HeaderRight.js","names":[],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,eAAgC,EACpC,YACA,UACA,eACA,UACA,UACA,cACA,iBACA,UACA,mBACA,0BACA,2BACI;CAEJ,MAAM,EAAE,YAAY,kBAAkB,sBAAA,gBAAgB;CACtD,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAA4C,KAAK;CAClE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAAmC,MAAM;CAC5D,MAAM,mBAAmB,aAAa;CAEtC,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAE9B,EAAA,GAAA,MAAA,iBAAgB;AACd,gBAAc,QAAQ,SAAS,CAAC;IAC/B,CAAC,SAAS,CAAC;;;;CAKd,MAAM,sBAAsB,UAAyC;AACnE,cAAY,MAAM,cAAc;;;;;CAMlC,MAAM,gCAAgC;AACpC,cAAY,KAAK;;;;;CAMnB,MAAM,0BAA0B;AAC9B,cAAY,KAAK;AACjB,iBAAe;;CAGjB,MAAM,kCAAkC;AACtC,mBAAiB;AACf,iBAAc,CAAC,WAAW;KACzB,IAAI;;AAGT,QACE,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;EACE,eAAY;EACZ,IAAI;GACF,SAAS;GACT,SAAS;GACT,aAAa;GACb,6BAA6B;IAC3B,SAAS;IACT,aAAa;IACd;GACF;YAVH;GAYG,eAAe,QACd,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAAS;IACT,OAAO,EAAE,kBAAkB;IAC3B,iBAAiB;IACjB,CAAA;GAGH,iBAAiB,QAChB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAAS;IACT,OAAO,EAAE,kBAAkB;IAC3B,iBAAiB;IACjB,CAAA;GAEH,aAAa,QACZ,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAAS;IACT,OAAO,EAAE,uBAAuB;IAChC,iBAAiB;IACjB,CAAA;GAEH,oBAAoB,QACnB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAAS;IACT,OAAO,EAAE,uBAAuB;IAChC,iBAAiB,aAAa,cAAc;IAC5C,CAAA;GAGH,CAAC,oBACA,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACG,WACC,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IACY;IACE;IACZ,gBAAgB;IAChB,qBAAqB;IACX;IACA;IACV,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS;cACjE,EAAE,eAAe;IACX,CAAA,EAEV,CAAA;GAEG"}

package/build/sections/Header/HeaderRight.mjs

@@ -2,8 +2,8 @@ import HeaderMenu from "./HeaderMenu.mjs";
 import HeaderToolTip from "./HeaderToolTip.mjs";
 import { useCustomTheme } from "../../Theme/ThemeProvider.mjs";
 import "../../index.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Button from "@mui/material/Button";
 import Toolbar from "@mui/material/Toolbar";
@@ -73,7 +73,7 @@ var HeaderRight = ({ showSearch, username, onToggleLogin, hasLogin, showInfo, sh
 				title: t("header.documentation"),
 				tooltipIconType: isDarkMode ? "dark-mode" : "light-mode"
 			}),
-			!hideLoginSection && /* @__PURE__ */ jsx(Fragment, { children: username ? /* @__PURE__ */ jsx(HeaderMenu, {
+			!hideLoginSection && /* @__PURE__ */ jsx(Fragment$1, { children: username ? /* @__PURE__ */ jsx(HeaderMenu, {
 				anchorEl,
 				isMenuOpen,
 				onLoggedInMenu: handleLoggedInMenu,

package/build/sections/Header/HeaderRight.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRight.mjs","names":["Button","Toolbar","MouseEvent","React","useEffect","useState","useTranslation","useCustomTheme","HeaderMenu","HeaderToolTip","Props","showSearch","username","hasLogin","showInfo","showSettings","showThemeSwitch","onToggleLogin","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleMobileNav","onLogout","HeaderRight","FC","isDarkMode","setIsDarkMode","anchorEl","setAnchorEl","HTMLElement","isMenuOpen","setIsMenuOpen","hideLoginSection","t","Boolean","handleLoggedInMenu","event","HTMLButtonElement","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","display","padding","marginRight"],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;AAwBA,IAAMsB,eAAgC,EACpCX,YACAC,UACAK,eACAJ,UACAC,UACAC,cACAC,iBACAK,UACAD,mBACAF,0BACAC,2BACI;CAEJ,MAAM,EAAEK,YAAYC,kBAAkBlB,gBAAgB;CACtD,MAAM,CAACmB,UAAUC,eAAetB,SAA6B,KAAK;CAClE,MAAM,CAACwB,YAAYC,iBAAiBzB,SAAkB,MAAM;CAC5D,MAAM0B,mBAAmBlB,aAAa;CAEtC,MAAM,EAAEmB,MAAM1B,gBAAgB;AAE9BF,iBAAgB;AACd0B,gBAAcG,QAAQP,SAAS,CAAC;IAC/B,CAACA,SAAS,CAAC;;;;CAKd,MAAMQ,sBAAsBC,UAAyC;AACnER,cAAYQ,MAAME,cAAc;;;;;CAMlC,MAAMC,gCAAgC;AACpCX,cAAY,KAAK;;;;;CAMnB,MAAMY,0BAA0B;AAC9BZ,cAAY,KAAK;AACjBV,iBAAe;;CAGjB,MAAMuB,kCAAkC;AACtCC,mBAAiB;AACfhB,iBAAc,CAACD,WAAW;KACzB,IAAI;;AAGT,QACE,qBAAC,SAAD;EACE,eAAY;EACZ,IAAI;GACFkB,SAAS;GACTC,SAAS;GACTC,aAAa;GACb,6BAA6B;IAC3BD,SAAS;IACTC,aAAa;IACf;GACD;YAVH;GAYGjC,eAAe,QACd,oBAAC,eAAD;IACE,SAASS;IACT,OAAOY,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GAEAjB,iBAAiB,QAChB,oBAAC,eAAD;IACE,SAASI;IACT,OAAOa,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GACAlB,aAAa,QACZ,oBAAC,eAAD;IACE,SAASI;IACT,OAAOc,EAAE,uBAAuB;IAChC,iBAAiB;IAEpB,CAAA;GACAhB,oBAAoB,QACnB,oBAAC,eAAD;IACE,SAASwB;IACT,OAAOR,EAAE,uBAAuB;IAChC,iBAAiBR,aAAa,cAAc;IAE/C,CAAA;GAEA,CAACO,oBACA,oBAAA,UAAA,EAAA,UACGnB,WACC,oBAAC,YAAD;IACYc;IACEG;IACZ,gBAAgBK;IAChB,qBAAqBI;IACXjB;IACAT;IACV,CAAA,GAEF,oBAAC,QAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS2B;cACjEP,EAAE,eAAe;IAErB,CAAA,EAEJ,CAAA;GACO"}
+{"version":3,"file":"HeaderRight.mjs","names":[],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,eAAgC,EACpC,YACA,UACA,eACA,UACA,UACA,cACA,iBACA,UACA,mBACA,0BACA,2BACI;CAEJ,MAAM,EAAE,YAAY,kBAAkB,gBAAgB;CACtD,MAAM,CAAC,UAAU,eAAe,SAA6B,KAAK;CAClE,MAAM,CAAC,YAAY,iBAAiB,SAAkB,MAAM;CAC5D,MAAM,mBAAmB,aAAa;CAEtC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,iBAAgB;AACd,gBAAc,QAAQ,SAAS,CAAC;IAC/B,CAAC,SAAS,CAAC;;;;CAKd,MAAM,sBAAsB,UAAyC;AACnE,cAAY,MAAM,cAAc;;;;;CAMlC,MAAM,gCAAgC;AACpC,cAAY,KAAK;;;;;CAMnB,MAAM,0BAA0B;AAC9B,cAAY,KAAK;AACjB,iBAAe;;CAGjB,MAAM,kCAAkC;AACtC,mBAAiB;AACf,iBAAc,CAAC,WAAW;KACzB,IAAI;;AAGT,QACE,qBAAC,SAAD;EACE,eAAY;EACZ,IAAI;GACF,SAAS;GACT,SAAS;GACT,aAAa;GACb,6BAA6B;IAC3B,SAAS;IACT,aAAa;IACd;GACF;YAVH;GAYG,eAAe,QACd,oBAAC,eAAD;IACE,SAAS;IACT,OAAO,EAAE,kBAAkB;IAC3B,iBAAiB;IACjB,CAAA;GAGH,iBAAiB,QAChB,oBAAC,eAAD;IACE,SAAS;IACT,OAAO,EAAE,kBAAkB;IAC3B,iBAAiB;IACjB,CAAA;GAEH,aAAa,QACZ,oBAAC,eAAD;IACE,SAAS;IACT,OAAO,EAAE,uBAAuB;IAChC,iBAAiB;IACjB,CAAA;GAEH,oBAAoB,QACnB,oBAAC,eAAD;IACE,SAAS;IACT,OAAO,EAAE,uBAAuB;IAChC,iBAAiB,aAAa,cAAc;IAC5C,CAAA;GAGH,CAAC,oBACA,oBAAA,YAAA,EAAA,UACG,WACC,oBAAC,YAAD;IACY;IACE;IACZ,gBAAgB;IAChB,qBAAqB;IACX;IACA;IACV,CAAA,GAEF,oBAAC,QAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS;cACjE,EAAE,eAAe;IACX,CAAA,EAEV,CAAA;GAEG"}

package/build/sections/Header/HeaderSettingsDialog.js

@@ -5,11 +5,11 @@ require("../../components/RegistryInfoDialog/index.js");
 const require_LanguageSwitch = require("./LanguageSwitch.js");
 const require_RegistryInfoContent = require("./RegistryInfoContent/RegistryInfoContent.js");
 require("./RegistryInfoContent/index.js");
-let _emotion_styled_base = require("@emotion/styled/base");
-_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
-let react_jsx_runtime = require("react/jsx-runtime");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
 let react_i18next = require("react-i18next");
@@ -40,13 +40,10 @@ function TabPanel(props) {
 		})
 	});
 }
-var TextContent = /* @__PURE__ */ (0, _emotion_styled_base.default)("div", process.env.NODE_ENV === "production" ? { target: "eff5q790" } : {
-	target: "eff5q790",
-	label: "TextContent"
-})(({ theme }) => ({
+var TextContent = (0, _emotion_styled.default)("div")(({ theme }) => ({
 	padding: "10px 0",
 	backgroundColor: theme.palette.background.default
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFRhYiBmcm9tICdAbXVpL21hdGVyaWFsL1RhYic7XG5pbXBvcnQgVGFicyBmcm9tICdAbXVpL21hdGVyaWFsL1RhYnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3RNYXJrZG93biBmcm9tICdyZWFjdC1tYXJrZG93bic7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IFJlZ2lzdHJ5SW5mb0RpYWxvZyBmcm9tICcuLi8uLi9jb21wb25lbnRzL1JlZ2lzdHJ5SW5mb0RpYWxvZyc7XG5pbXBvcnQgeyBnZXRDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29uZmlndXJhdGlvbic7XG5pbXBvcnQgTGFuZ3VhZ2VTd2l0Y2ggZnJvbSAnLi9MYW5ndWFnZVN3aXRjaCc7XG5pbXBvcnQgUmVnaXN0cnlJbmZvQ29udGVudCBmcm9tICcuL1JlZ2lzdHJ5SW5mb0NvbnRlbnQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xvc2VEaWFsb2c6ICgpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIGExMXlQcm9wcyhpbmRleCkge1xuICByZXR1cm4ge1xuICAgIGlkOiBgc2ltcGxlLXRhYi0ke2luZGV4fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgc2ltcGxlLXRhYnBhbmVsLSR7aW5kZXh9YCxcbiAgfTtcbn1cblxuZnVuY3Rpb24gVGFiUGFuZWwocHJvcHMpIHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgdmFsdWUsIGluZGV4LCAuLi5vdGhlciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2BzaW1wbGUtdGFiLSR7aW5kZXh9YH1cbiAgICAgIGhpZGRlbj17dmFsdWUgIT09IGluZGV4fVxuICAgICAgaWQ9e2BzaW1wbGUtdGFicGFuZWwtJHtpbmRleH1gfVxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcbiAgICAgIHsuLi5vdGhlcn1cbiAgICA+XG4gICAgICB7dmFsdWUgPT09IGluZGV4ICYmIDxCb3ggc3g9e3sgcGFkZGluZ1RvcDogMyB9fT57Y2hpbGRyZW59PC9Cb3g+fVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDAnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5jb25zdCBIZWFkZXJTZXR0aW5nc0RpYWxvZzogUmVhY3QuRkM8UHJvcHM+ID0gKHsgb25DbG9zZURpYWxvZywgaXNPcGVuIH0pID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoX2V2ZW50LCBuZXdWYWx1ZSkgPT4ge1xuICAgIHNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfTtcbiAgY29uc3QgY29uZmlnU3RvcmUgPSBnZXRDb25maWd1cmF0aW9uKCk7XG4gIGNvbnN0IHsgc2NvcGUsIGJhc2UgfSA9IGNvbmZpZ1N0b3JlO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJlZ2lzdHJ5SW5mb0RpYWxvZyBvbkNsb3NlPXtvbkNsb3NlRGlhbG9nfSBvcGVuPXtpc09wZW59IHRpdGxlPXt0KCdkaWFsb2cuc2V0dGluZ3MudGl0bGUnKX0+XG4gICAgICA8Qm94IHN4PXt7IHdpZHRoOiAnMTAwJScgfX0+XG4gICAgICAgIDxCb3ggc3g9e3sgYm9yZGVyQm90dG9tOiAxLCBib3JkZXJDb2xvcjogJ2RpdmlkZXInIH19PlxuICAgICAgICAgIDxUYWJzIGFyaWEtbGFiZWw9XCJiYXNpYyB0YWJzIGV4YW1wbGVcIiBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPFRhYiBsYWJlbD17dCgncGFja2FnZU1hbmFnZXJzLnRpdGxlJyl9IHsuLi5hMTF5UHJvcHMoMCl9IC8+XG4gICAgICAgICAgICA8VGFiIGxhYmVsPXt0KCdsYW5ndWFnZS50aXRsZScpfSB7Li4uYTExeVByb3BzKDEpfSAvPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxUYWJQYW5lbCBpbmRleD17MH0gdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICA8UmVnaXN0cnlJbmZvQ29udGVudCByZWdpc3RyeVVybD17YmFzZX0gc2NvcGU9e3Njb3BlfSAvPlxuICAgICAgICA8L1RhYlBhbmVsPlxuICAgICAgICA8VGFiUGFuZWwgaW5kZXg9ezF9IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgPFRleHRDb250ZW50Pnt0KCdsYW5ndWFnZS5kZXNjcmlwdGlvbicpfTwvVGV4dENvbnRlbnQ+XG4gICAgICAgICAgPExhbmd1YWdlU3dpdGNoIC8+XG4gICAgICAgICAgPFJlYWN0TWFya2Rvd24+e3QoJ2xhbmd1YWdlLmNvbnRyaWJ1dGUnKX08L1JlYWN0TWFya2Rvd24+XG4gICAgICAgIDwvVGFiUGFuZWw+XG4gICAgICA8L0JveD5cbiAgICA8L1JlZ2lzdHJ5SW5mb0RpYWxvZz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlclNldHRpbmdzRGlhbG9nO1xuIl19 */");
+}));
 var HeaderSettingsDialog = ({ onCloseDialog, isOpen }) => {
 	const [value, setValue] = react.default.useState(0);
 	const handleChange = (_event, newValue) => {

package/build/sections/Header/HeaderSettingsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettingsDialog.js","names":["Box","Tab","Tabs","React","useTranslation","ReactMarkdown","Theme","RegistryInfoDialog","getConfiguration","LanguageSwitch","RegistryInfoContent","Props","isOpen","onCloseDialog","a11yProps","index","id","TabPanel","props","children","value","other","paddingTop","TextContent","_styled","process","env","NODE_ENV","target","label","theme","padding","backgroundColor","palette","background","default","HeaderSettingsDialog","FC","setValue","useState","handleChange","_event","newValue","configStore","scope","base","t","width","borderBottom","borderColor"],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASc,UAAUC,OAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,SAASE,SAASC,OAAO;CACvB,MAAM,EAAEC,UAAUC,OAAOL,OAAO,GAAGM,UAAUH;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,mBAAiB,cAAcH;EAC/B,QAAQK,UAAUL;EAClB,IAAI,mBAAmBA;EACvB,MAAK;EACL,GAAIM;YAEHD,UAAUL,SAAS,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,IAAI,EAAEO,YAAY,GAAG;GAAGH;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAMI,cAAcC,iBAAAA,GAAAA,qBAAAA,SAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACnEC,SAAS;CACTC,iBAAiBF,MAAMG,QAAQC,WAAWC;CAC3C,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0xHAAC;AAEH,IAAMC,wBAAyC,EAAEvB,eAAeD,aAAa;CAC3E,MAAM,CAACQ,OAAOkB,YAAYnC,MAAAA,QAAMoC,SAAS,EAAE;CAE3C,MAAMC,gBAAgBC,QAAQC,aAAa;AACzCJ,WAASI,SAAS;;CAGpB,MAAM,EAAEE,OAAOC,SADKrC,sBAAAA,kBAAkB;CAEtC,MAAM,EAAEsC,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD;EAAoB,SAASjC;EAAe,MAAMD;EAAQ,OAAOkC,EAAE,wBAAwB;YACzF,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;GAAK,IAAI,EAAEC,OAAO,QAAQ;aAA1B;IACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;KAAK,IAAI;MAAEC,cAAc;MAAGC,aAAa;MAAW;eAClD,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;MAAM,cAAW;MAAqB,UAAUT;MAAqBpB;gBAArE,CACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAO0B,EAAE,wBAAwB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,EACzD,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAOgC,EAAE,iBAAiB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,CAC9C;;KACH,CAAA;IACL,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAU,OAAO;KAAUM;eACzB,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD;MAAqB,aAAayB;MAAaD;MAAM,CAAA;KAC7C,CAAA;IACV,iBAAA,GAAA,kBAAA,MAAC,UAAD;KAAU,OAAO;KAAUxB;eAA3B;MACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UAAc0B,EAAE,uBAAuB,EAAc,CAAA;MACrD,iBAAA,GAAA,kBAAA,KAAC,uBAAA,SAAD,EAAe,CAAA;MACf,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAA,UAAgBA,EAAE,sBAAsB,EAAgB,CAAA;MAChD;;IACP;;EACc,CAAA"}
+{"version":3,"file":"HeaderSettingsDialog.js","names":[],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAS,UAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,SAAS,SAAS,OAAO;CACvB,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,UAAU;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,mBAAiB,cAAc;EAC/B,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,MAAK;EACL,GAAI;YAEH,UAAU,SAAS,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,IAAI,EAAE,YAAY,GAAG;GAAG;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAM,eAAA,GAAA,gBAAA,SAAqB,MAAM,EAAqB,EAAE,aAAa;CACnE,SAAS;CACT,iBAAiB,MAAM,QAAQ,WAAW;CAC3C,EAAE;AAEH,IAAM,wBAAyC,EAAE,eAAe,aAAa;CAC3E,MAAM,CAAC,OAAO,YAAY,MAAA,QAAM,SAAS,EAAE;CAE3C,MAAM,gBAAgB,QAAQ,aAAa;AACzC,WAAS,SAAS;;CAGpB,MAAM,EAAE,OAAO,SADK,sBAAA,kBAAkB;CAEtC,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD;EAAoB,SAAS;EAAe,MAAM;EAAQ,OAAO,EAAE,wBAAwB;YACzF,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;GAAK,IAAI,EAAE,OAAO,QAAQ;aAA1B;IACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;KAAK,IAAI;MAAE,cAAc;MAAG,aAAa;MAAW;eAClD,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;MAAM,cAAW;MAAqB,UAAU;MAAqB;gBAArE,CACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAO,EAAE,wBAAwB;OAAE,GAAI,UAAU,EAAE;OAAI,CAAA,EAC5D,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAO,EAAE,iBAAiB;OAAE,GAAI,UAAU,EAAE;OAAI,CAAA,CAChD;;KACH,CAAA;IACN,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAU,OAAO;KAAU;eACzB,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD;MAAqB,aAAa;MAAa;MAAS,CAAA;KAC/C,CAAA;IACX,iBAAA,GAAA,kBAAA,MAAC,UAAD;KAAU,OAAO;KAAU;eAA3B;MACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UAAc,EAAE,uBAAuB,EAAe,CAAA;MACtD,iBAAA,GAAA,kBAAA,KAAC,uBAAA,SAAD,EAAkB,CAAA;MAClB,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAA,UAAgB,EAAE,sBAAsB,EAAiB,CAAA;MAChD;;IACP;;EACa,CAAA"}

package/build/sections/Header/HeaderSettingsDialog.mjs

@@ -4,9 +4,9 @@ import "../../components/RegistryInfoDialog/index.mjs";
 import LanguageSwitch from "./LanguageSwitch.mjs";
 import RegistryInfoContent from "./RegistryInfoContent/RegistryInfoContent.mjs";
 import "./RegistryInfoContent/index.mjs";
-import _styled from "@emotion/styled/base";
-import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
 import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import { useTranslation } from "react-i18next";
 import Tab from "@mui/material/Tab";
@@ -33,13 +33,10 @@ function TabPanel(props) {
 		})
 	});
 }
-var TextContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "eff5q790" } : {
-	target: "eff5q790",
-	label: "TextContent"
-})(({ theme }) => ({
+var TextContent = styled("div")(({ theme }) => ({
 	padding: "10px 0",
 	backgroundColor: theme.palette.background.default
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFRhYiBmcm9tICdAbXVpL21hdGVyaWFsL1RhYic7XG5pbXBvcnQgVGFicyBmcm9tICdAbXVpL21hdGVyaWFsL1RhYnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3RNYXJrZG93biBmcm9tICdyZWFjdC1tYXJrZG93bic7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IFJlZ2lzdHJ5SW5mb0RpYWxvZyBmcm9tICcuLi8uLi9jb21wb25lbnRzL1JlZ2lzdHJ5SW5mb0RpYWxvZyc7XG5pbXBvcnQgeyBnZXRDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29uZmlndXJhdGlvbic7XG5pbXBvcnQgTGFuZ3VhZ2VTd2l0Y2ggZnJvbSAnLi9MYW5ndWFnZVN3aXRjaCc7XG5pbXBvcnQgUmVnaXN0cnlJbmZvQ29udGVudCBmcm9tICcuL1JlZ2lzdHJ5SW5mb0NvbnRlbnQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xvc2VEaWFsb2c6ICgpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIGExMXlQcm9wcyhpbmRleCkge1xuICByZXR1cm4ge1xuICAgIGlkOiBgc2ltcGxlLXRhYi0ke2luZGV4fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgc2ltcGxlLXRhYnBhbmVsLSR7aW5kZXh9YCxcbiAgfTtcbn1cblxuZnVuY3Rpb24gVGFiUGFuZWwocHJvcHMpIHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgdmFsdWUsIGluZGV4LCAuLi5vdGhlciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2BzaW1wbGUtdGFiLSR7aW5kZXh9YH1cbiAgICAgIGhpZGRlbj17dmFsdWUgIT09IGluZGV4fVxuICAgICAgaWQ9e2BzaW1wbGUtdGFicGFuZWwtJHtpbmRleH1gfVxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcbiAgICAgIHsuLi5vdGhlcn1cbiAgICA+XG4gICAgICB7dmFsdWUgPT09IGluZGV4ICYmIDxCb3ggc3g9e3sgcGFkZGluZ1RvcDogMyB9fT57Y2hpbGRyZW59PC9Cb3g+fVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDAnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5jb25zdCBIZWFkZXJTZXR0aW5nc0RpYWxvZzogUmVhY3QuRkM8UHJvcHM+ID0gKHsgb25DbG9zZURpYWxvZywgaXNPcGVuIH0pID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoX2V2ZW50LCBuZXdWYWx1ZSkgPT4ge1xuICAgIHNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfTtcbiAgY29uc3QgY29uZmlnU3RvcmUgPSBnZXRDb25maWd1cmF0aW9uKCk7XG4gIGNvbnN0IHsgc2NvcGUsIGJhc2UgfSA9IGNvbmZpZ1N0b3JlO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJlZ2lzdHJ5SW5mb0RpYWxvZyBvbkNsb3NlPXtvbkNsb3NlRGlhbG9nfSBvcGVuPXtpc09wZW59IHRpdGxlPXt0KCdkaWFsb2cuc2V0dGluZ3MudGl0bGUnKX0+XG4gICAgICA8Qm94IHN4PXt7IHdpZHRoOiAnMTAwJScgfX0+XG4gICAgICAgIDxCb3ggc3g9e3sgYm9yZGVyQm90dG9tOiAxLCBib3JkZXJDb2xvcjogJ2RpdmlkZXInIH19PlxuICAgICAgICAgIDxUYWJzIGFyaWEtbGFiZWw9XCJiYXNpYyB0YWJzIGV4YW1wbGVcIiBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPFRhYiBsYWJlbD17dCgncGFja2FnZU1hbmFnZXJzLnRpdGxlJyl9IHsuLi5hMTF5UHJvcHMoMCl9IC8+XG4gICAgICAgICAgICA8VGFiIGxhYmVsPXt0KCdsYW5ndWFnZS50aXRsZScpfSB7Li4uYTExeVByb3BzKDEpfSAvPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxUYWJQYW5lbCBpbmRleD17MH0gdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICA8UmVnaXN0cnlJbmZvQ29udGVudCByZWdpc3RyeVVybD17YmFzZX0gc2NvcGU9e3Njb3BlfSAvPlxuICAgICAgICA8L1RhYlBhbmVsPlxuICAgICAgICA8VGFiUGFuZWwgaW5kZXg9ezF9IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgPFRleHRDb250ZW50Pnt0KCdsYW5ndWFnZS5kZXNjcmlwdGlvbicpfTwvVGV4dENvbnRlbnQ+XG4gICAgICAgICAgPExhbmd1YWdlU3dpdGNoIC8+XG4gICAgICAgICAgPFJlYWN0TWFya2Rvd24+e3QoJ2xhbmd1YWdlLmNvbnRyaWJ1dGUnKX08L1JlYWN0TWFya2Rvd24+XG4gICAgICAgIDwvVGFiUGFuZWw+XG4gICAgICA8L0JveD5cbiAgICA8L1JlZ2lzdHJ5SW5mb0RpYWxvZz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlclNldHRpbmdzRGlhbG9nO1xuIl19 */");
+}));
 var HeaderSettingsDialog = ({ onCloseDialog, isOpen }) => {
 	const [value, setValue] = React.useState(0);
 	const handleChange = (_event, newValue) => {

package/build/sections/Header/HeaderSettingsDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettingsDialog.mjs","names":["Box","Tab","Tabs","React","useTranslation","ReactMarkdown","Theme","RegistryInfoDialog","getConfiguration","LanguageSwitch","RegistryInfoContent","Props","isOpen","onCloseDialog","a11yProps","index","id","TabPanel","props","children","value","other","paddingTop","TextContent","_styled","process","env","NODE_ENV","target","label","theme","padding","backgroundColor","palette","background","default","HeaderSettingsDialog","FC","setValue","useState","handleChange","_event","newValue","configStore","scope","base","t","width","borderBottom","borderColor"],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAASc,UAAUC,OAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,SAASE,SAASC,OAAO;CACvB,MAAM,EAAEC,UAAUC,OAAOL,OAAO,GAAGM,UAAUH;AAE7C,QACE,oBAAC,OAAD;EACE,mBAAiB,cAAcH;EAC/B,QAAQK,UAAUL;EAClB,IAAI,mBAAmBA;EACvB,MAAK;EACL,GAAIM;YAEHD,UAAUL,SAAS,oBAAC,KAAD;GAAK,IAAI,EAAEO,YAAY,GAAG;GAAGH;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAMI,cAAcC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACnEC,SAAS;CACTC,iBAAiBF,MAAMG,QAAQC,WAAWC;CAC3C,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0xHAAC;AAEH,IAAMC,wBAAyC,EAAEvB,eAAeD,aAAa;CAC3E,MAAM,CAACQ,OAAOkB,YAAYnC,MAAMoC,SAAS,EAAE;CAE3C,MAAMC,gBAAgBC,QAAQC,aAAa;AACzCJ,WAASI,SAAS;;CAGpB,MAAM,EAAEE,OAAOC,SADKrC,kBAAkB;CAEtC,MAAM,EAAEsC,MAAM1C,gBAAgB;AAC9B,QACE,oBAAC,oBAAD;EAAoB,SAASS;EAAe,MAAMD;EAAQ,OAAOkC,EAAE,wBAAwB;YACzF,qBAAC,KAAD;GAAK,IAAI,EAAEC,OAAO,QAAQ;aAA1B;IACE,oBAAC,KAAD;KAAK,IAAI;MAAEC,cAAc;MAAGC,aAAa;MAAW;eAClD,qBAAC,MAAD;MAAM,cAAW;MAAqB,UAAUT;MAAqBpB;gBAArE,CACE,oBAAC,KAAD;OAAK,OAAO0B,EAAE,wBAAwB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,EACzD,oBAAC,KAAD;OAAK,OAAOgC,EAAE,iBAAiB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,CAC9C;;KACH,CAAA;IACL,oBAAC,UAAD;KAAU,OAAO;KAAUM;eACzB,oBAAC,qBAAD;MAAqB,aAAayB;MAAaD;MAAM,CAAA;KAC7C,CAAA;IACV,qBAAC,UAAD;KAAU,OAAO;KAAUxB;eAA3B;MACE,oBAAC,aAAD,EAAA,UAAc0B,EAAE,uBAAuB,EAAc,CAAA;MACrD,oBAAC,gBAAD,EAAe,CAAA;MACf,oBAAC,eAAD,EAAA,UAAgBA,EAAE,sBAAsB,EAAgB,CAAA;MAChD;;IACP;;EACc,CAAA"}
+{"version":3,"file":"HeaderSettingsDialog.mjs","names":[],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAS,UAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,SAAS,SAAS,OAAO;CACvB,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,UAAU;AAE7C,QACE,oBAAC,OAAD;EACE,mBAAiB,cAAc;EAC/B,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,MAAK;EACL,GAAI;YAEH,UAAU,SAAS,oBAAC,KAAD;GAAK,IAAI,EAAE,YAAY,GAAG;GAAG;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAM,cAAc,OAAO,MAAM,EAAqB,EAAE,aAAa;CACnE,SAAS;CACT,iBAAiB,MAAM,QAAQ,WAAW;CAC3C,EAAE;AAEH,IAAM,wBAAyC,EAAE,eAAe,aAAa;CAC3E,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,EAAE;CAE3C,MAAM,gBAAgB,QAAQ,aAAa;AACzC,WAAS,SAAS;;CAGpB,MAAM,EAAE,OAAO,SADK,kBAAkB;CAEtC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,oBAAD;EAAoB,SAAS;EAAe,MAAM;EAAQ,OAAO,EAAE,wBAAwB;YACzF,qBAAC,KAAD;GAAK,IAAI,EAAE,OAAO,QAAQ;aAA1B;IACE,oBAAC,KAAD;KAAK,IAAI;MAAE,cAAc;MAAG,aAAa;MAAW;eAClD,qBAAC,MAAD;MAAM,cAAW;MAAqB,UAAU;MAAqB;gBAArE,CACE,oBAAC,KAAD;OAAK,OAAO,EAAE,wBAAwB;OAAE,GAAI,UAAU,EAAE;OAAI,CAAA,EAC5D,oBAAC,KAAD;OAAK,OAAO,EAAE,iBAAiB;OAAE,GAAI,UAAU,EAAE;OAAI,CAAA,CAChD;;KACH,CAAA;IACN,oBAAC,UAAD;KAAU,OAAO;KAAU;eACzB,oBAAC,qBAAD;MAAqB,aAAa;MAAa;MAAS,CAAA;KAC/C,CAAA;IACX,qBAAC,UAAD;KAAU,OAAO;KAAU;eAA3B;MACE,oBAAC,aAAD,EAAA,UAAc,EAAE,uBAAuB,EAAe,CAAA;MACtD,oBAAC,gBAAD,EAAkB,CAAA;MAClB,oBAAC,eAAD,EAAA,UAAgB,EAAE,sBAAsB,EAAiB,CAAA;MAChD;;IACP;;EACa,CAAA"}

package/build/sections/Header/HeaderToolTip.js

@@ -1,8 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_HeaderToolTipIcon = require("./HeaderToolTipIcon.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/sections/Header/HeaderToolTip.tsx
 var HeaderToolTip = ({ tooltipIconType, onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTipIcon.default, {
 	onClick,

package/build/sections/Header/HeaderToolTip.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTip.js","names":["React","TooltipIconType","HeaderToolTipIcon","Props","title","tooltipIconType","onClick","HeaderToolTip","FC"],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;;;AAWA,IAAMO,iBAAkC,EAAEF,iBAAiBC,cACzD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD;CAA4BA;CAA0BD;CACvD,CAAA"}
+{"version":3,"file":"HeaderToolTip.js","names":[],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;;;AAWA,IAAM,iBAAkC,EAAE,iBAAiB,cACzD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD;CAA4B;CAA0B;CAAmB,CAAA"}

package/build/sections/Header/HeaderToolTip.mjs

@@ -1,6 +1,6 @@
 import HeaderToolTipIcon from "./HeaderToolTipIcon.mjs";
-import { jsx } from "react/jsx-runtime";
 import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/sections/Header/HeaderToolTip.tsx
 var HeaderToolTip = ({ tooltipIconType, onClick }) => /* @__PURE__ */ jsx(HeaderToolTipIcon, {
 	onClick,

package/build/sections/Header/HeaderToolTip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTip.mjs","names":["React","TooltipIconType","HeaderToolTipIcon","Props","title","tooltipIconType","onClick","HeaderToolTip","FC"],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;AAWA,IAAMO,iBAAkC,EAAEF,iBAAiBC,cACzD,oBAAC,mBAAD;CAA4BA;CAA0BD;CACvD,CAAA"}
+{"version":3,"file":"HeaderToolTip.mjs","names":[],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;AAWA,IAAM,iBAAkC,EAAE,iBAAiB,cACzD,oBAAC,mBAAD;CAA4B;CAA0B;CAAmB,CAAA"}

package/build/sections/Header/HeaderToolTipIcon.js

@@ -1,8 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_styles = require("./styles.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_icons_material_Settings = require("@mui/icons-material/Settings");
 _mui_icons_material_Settings = require_runtime.__toESM(_mui_icons_material_Settings);
 let _mui_icons_material_Search = require("@mui/icons-material/Search");
@@ -35,6 +35,7 @@ var HeaderToolTipIcon = function HeaderToolTipIcon({ ref, tooltipIconType, onCli
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Settings.default, {})
 		});
 		case "search": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconSearchButton, {
+			"data-testid": "header--tooltip-search",
 			color: "inherit",
 			onClick,
 			ref,

package/build/sections/Header/HeaderToolTipIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTipIcon.js","names":["Info","NightsStay","Search","Settings","WbSunny","React","IconSearchButton","InfoButton","SettingsButtom","SwitchThemeButton","TooltipIconType","Props","tooltipIconType","onClick","HeaderToolTipIconRef","HTMLButtonElement","HeaderToolTipIcon","ref","RefObject"],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton color=\"inherit\" onClick={onClick} ref={ref}>\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAMgB,oBAAoB,SAASA,kBAAkB,EACnDC,KACAL,iBACAC,WACiE;AACjE,SAAQD,iBAAR;EACE,KAAK,OACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMC;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD,EAAK,CAAA;GACM,CAAA;EAEjB,KAAK,WACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,6BAAA,SAAD,EAAS,CAAA;GACM,CAAA;EAErB,KAAK,SACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,kBAAD;GAAkB,OAAM;GAAmBJ;GAAcI;aACvD,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAO,CAAA;GACU,CAAA;EAEvB,KAAK,YACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,+BAAA,SAAD,EAAW,CAAA;GACO,CAAA;EAGxB,KAAK,aACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD,EAAQ,CAAA;GACU,CAAA;EAExB,QACE,QAAO"}
+{"version":3,"file":"HeaderToolTipIcon.js","names":[],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton\n          data-testid=\"header--tooltip-search\"\n          color=\"inherit\"\n          onClick={onClick}\n          ref={ref}\n        >\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAM,oBAAoB,SAAS,kBAAkB,EACnD,KACA,iBACA,WACiE;AACjE,SAAQ,iBAAR;EACE,KAAK,OACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACM;GACJ;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD,EAAQ,CAAA;GACG,CAAA;EAEjB,KAAK,WACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACM;GACJ;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,6BAAA,SAAD,EAAY,CAAA;GACG,CAAA;EAErB,KAAK,SACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,kBAAD;GACE,eAAY;GACZ,OAAM;GACG;GACJ;aAEL,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAU,CAAA;GACO,CAAA;EAEvB,KAAK,YACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJ;GACJ;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,+BAAA,SAAD,EAAc,CAAA;GACI,CAAA;EAGxB,KAAK,aACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJ;GACJ;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD,EAAW,CAAA;GACO,CAAA;EAExB,QACE,QAAO"}

package/build/sections/Header/HeaderToolTipIcon.mjs

@@ -1,6 +1,6 @@
 import { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from "./styles.mjs";
-import { jsx } from "react/jsx-runtime";
 import "react";
+import { jsx } from "react/jsx-runtime";
 import Settings from "@mui/icons-material/Settings";
 import SearchMui from "@mui/icons-material/Search";
 import Info from "@mui/icons-material/Info";
@@ -28,6 +28,7 @@ var HeaderToolTipIcon = function HeaderToolTipIcon({ ref, tooltipIconType, onCli
 			children: /* @__PURE__ */ jsx(Settings, {})
 		});
 		case "search": return /* @__PURE__ */ jsx(IconSearchButton, {
+			"data-testid": "header--tooltip-search",
 			color: "inherit",
 			onClick,
 			ref,

package/build/sections/Header/HeaderToolTipIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTipIcon.mjs","names":["Info","NightsStay","Search","Settings","WbSunny","React","IconSearchButton","InfoButton","SettingsButtom","SwitchThemeButton","TooltipIconType","Props","tooltipIconType","onClick","HeaderToolTipIconRef","HTMLButtonElement","HeaderToolTipIcon","ref","RefObject"],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton color=\"inherit\" onClick={onClick} ref={ref}>\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;AAiBA,IAAMgB,oBAAoB,SAASA,kBAAkB,EACnDC,KACAL,iBACAC,WACiE;AACjE,SAAQD,iBAAR;EACE,KAAK,OACH,QACE,oBAAC,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMC;GACJI;GACL,MAAK;aAEL,oBAAC,MAAD,EAAK,CAAA;GACM,CAAA;EAEjB,KAAK,WACH,QACE,oBAAC,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMJ;GACJI;GACL,MAAK;aAEL,oBAAC,UAAD,EAAS,CAAA;GACM,CAAA;EAErB,KAAK,SACH,QACE,oBAAC,kBAAD;GAAkB,OAAM;GAAmBJ;GAAcI;aACvD,oBAAC,WAAD,EAAO,CAAA;GACU,CAAA;EAEvB,KAAK,YACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,oBAAC,YAAD,EAAW,CAAA;GACO,CAAA;EAGxB,KAAK,aACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,oBAAC,SAAD,EAAQ,CAAA;GACU,CAAA;EAExB,QACE,QAAO"}
+{"version":3,"file":"HeaderToolTipIcon.mjs","names":[],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton\n          data-testid=\"header--tooltip-search\"\n          color=\"inherit\"\n          onClick={onClick}\n          ref={ref}\n        >\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;AAiBA,IAAM,oBAAoB,SAAS,kBAAkB,EACnD,KACA,iBACA,WACiE;AACjE,SAAQ,iBAAR;EACE,KAAK,OACH,QACE,oBAAC,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACM;GACJ;GACL,MAAK;aAEL,oBAAC,MAAD,EAAQ,CAAA;GACG,CAAA;EAEjB,KAAK,WACH,QACE,oBAAC,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACM;GACJ;GACL,MAAK;aAEL,oBAAC,UAAD,EAAY,CAAA;GACG,CAAA;EAErB,KAAK,SACH,QACE,oBAAC,kBAAD;GACE,eAAY;GACZ,OAAM;GACG;GACJ;aAEL,oBAAC,WAAD,EAAU,CAAA;GACO,CAAA;EAEvB,KAAK,YACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJ;GACJ;GACL,MAAK;aAEL,oBAAC,YAAD,EAAc,CAAA;GACI,CAAA;EAGxB,KAAK,aACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJ;GACJ;GACL,MAAK;aAEL,oBAAC,SAAD,EAAW,CAAA;GACO,CAAA;EAExB,QACE,QAAO"}

package/build/sections/Header/LanguageSwitch.js

@@ -1,11 +1,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_TranslatorProvider = require("../../providers/TranslatorProvider/TranslatorProvider.js");
 require("../../index.js");
-let _emotion_styled_base = require("@emotion/styled/base");
-_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
-let react_jsx_runtime = require("react/jsx-runtime");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let i18next = require("i18next");
 i18next = require_runtime.__toESM(i18next);
 let react_i18next = require("react-i18next");
@@ -18,26 +18,20 @@ _mui_material_CardContent = require_runtime.__toESM(_mui_material_CardContent);
 let _mui_material_Grid = require("@mui/material/Grid");
 _mui_material_Grid = require_runtime.__toESM(_mui_material_Grid);
 //#region src/sections/Header/LanguageSwitch.tsx
-var CardSelected = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Card.default, process.env.NODE_ENV === "production" ? { target: "e1prltpd1" } : {
-	target: "e1prltpd1",
-	label: "CardSelected"
-})(({ theme }) => {
+var CardSelected = (0, _emotion_styled.default)(_mui_material_Card.default)(({ theme }) => {
 	return {
 		backgroundColor: theme.palette.grey["600"],
 		opacity: "0.9",
 		color: theme.palette.error.contrastText,
 		fontWeight: "bold"
 	};
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9IZWFkZXIvTGFuZ3VhZ2VTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBHcmlkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvR3JpZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgeyB1c2VMYW5ndWFnZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVsnNjAwJ10sXG4gICAgb3BhY2l0eTogJzAuOScsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZXJyb3IuY29udHJhc3RUZXh0LFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2FyZFVuU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm8sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBMYW5ndWFnZUNvbnRlbnQgPSAoeyB0cmFuc2xhdGlvbiwgaWNvbiB9KSA9PiAoXG4gIDw+XG4gICAgPENhcmRDb250ZW50PlxuICAgICAgPFR5cG9ncmFwaHkgZGlzcGxheT1cImJsb2NrXCIgZ3V0dGVyQm90dG9tPXt0cnVlfSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7dHJhbnNsYXRpb259XG4gICAgICA8L1R5cG9ncmFwaHk+XG4gICAgPC9DYXJkQ29udGVudD5cbiAgICA8Q2FyZENvbnRlbnQ+e2ljb259PC9DYXJkQ29udGVudD5cbiAgPC8+XG4pO1xuXG5jb25zdCBMYW5ndWFnZVN3aXRjaCA9ICgpID0+IHtcbiAgY29uc3QgeyBsYW5ndWFnZSwgc2V0TGFuZ3VhZ2UsIGxpc3RMYW5ndWFnZXMgfSA9IHVzZUxhbmd1YWdlKCk7XG4gIGNvbnN0IGxpc3RDb252ZXJ0ZWQgPSBsaXN0TGFuZ3VhZ2VzLnJlZHVjZShcbiAgICAocHJldiwgaXRlbSkgPT4ge1xuICAgICAgcHJldltpdGVtLmxuZ10gPSB7XG4gICAgICAgIHRyYW5zbGF0aW9uOiBpdGVtLm1lbnVLZXksXG4gICAgICAgIGljb246IGl0ZW0uaWNvbixcbiAgICAgIH07XG4gICAgICByZXR1cm4gcHJldjtcbiAgICB9LFxuICAgIHt9IGFzIFJlY29yZDxzdHJpbmcsIHsgdHJhbnNsYXRpb246IHN0cmluZzsgaWNvbjogYW55IH0+XG4gICk7XG5cbiAgY29uc3QgW2xhbmd1YWdlc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oT2JqZWN0LmtleXMoaTE4bmV4dC5vcHRpb25zPy5yZXNvdXJjZXMgfHwge30pKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjdXJyZW50TGFuZ3VhZ2UgPSBsYW5ndWFnZTtcbiAgY29uc3QgZ2V0Q3VycmVudExuZ0RldGFpbHMgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgbG5nID0gbGlzdENvbnZlcnRlZFtsYW5ndWFnZV0gfHwgbGlzdENvbnZlcnRlZFsnZW4tVVMnXTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IDxsbmcuaWNvbiAvPixcbiAgICAgICAgdHJhbnNsYXRpb246IHQobG5nLnRyYW5zbGF0aW9uKSxcbiAgICAgIH07XG4gICAgfSxcbiAgICBbbGlzdENvbnZlcnRlZCwgdF1cbiAgKTtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2UpO1xuICAgIH0sXG4gICAgW3NldExhbmd1YWdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxHcmlkIGNvbHVtbnM9e3sgeHM6IDEyLCBzbTogMTIsIG1kOiAxMiB9fSBjb250YWluZXI9e3RydWV9IHNwYWNpbmc9e3sgeHM6IDEsIG1kOiAxIH19PlxuICAgICAgICB7bGFuZ3VhZ2VzLm1hcCgobGFuZ3VhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBpY29uLCB0cmFuc2xhdGlvbiB9ID0gZ2V0Q3VycmVudExuZ0RldGFpbHMobGFuZ3VhZ2UpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZCBrZXk9e2luZGV4fSBzaXplPXt7IHNtOiAyLCB4czogNiB9fT5cbiAgICAgICAgICAgICAge2xhbmd1YWdlID09PSBjdXJyZW50TGFuZ3VhZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENhcmRTZWxlY3RlZCBzeD17eyBtYXhXaWR0aDogODAgfX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRTZWxlY3RlZD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2FyZFVuU2VsZWN0ZWQgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpfT5cbiAgICAgICAgICAgICAgICAgIDxMYW5ndWFnZUNvbnRlbnQgaWNvbj17aWNvbn0gdHJhbnNsYXRpb249e3RyYW5zbGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZFVuU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L0dyaWQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVN3aXRjaDtcbiJdfQ== */");
-var CardUnSelected = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Card.default, process.env.NODE_ENV === "production" ? { target: "e1prltpd0" } : {
-	target: "e1prltpd0",
-	label: "CardUnSelected"
-})(({ theme }) => {
+});
+var CardUnSelected = (0, _emotion_styled.default)(_mui_material_Card.default)(({ theme }) => {
 	return {
 		cursor: "pointer",
 		":hover": { backgroundColor: theme.palette.greyGainsboro }
 	};
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgdXNlTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgQ2FyZFNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbJzYwMCddLFxuICAgIG9wYWNpdHk6ICcwLjknLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yLmNvbnRyYXN0VGV4dCxcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IENhcmRVblNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvLFxuICAgIH0sXG4gIH07XG59KTtcblxuY29uc3QgTGFuZ3VhZ2VDb250ZW50ID0gKHsgdHJhbnNsYXRpb24sIGljb24gfSkgPT4gKFxuICA8PlxuICAgIDxDYXJkQ29udGVudD5cbiAgICAgIDxUeXBvZ3JhcGh5IGRpc3BsYXk9XCJibG9ja1wiIGd1dHRlckJvdHRvbT17dHJ1ZX0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge3RyYW5zbGF0aW9ufVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPENhcmRDb250ZW50PntpY29ufTwvQ2FyZENvbnRlbnQ+XG4gIDwvPlxuKTtcblxuY29uc3QgTGFuZ3VhZ2VTd2l0Y2ggPSAoKSA9PiB7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIHNldExhbmd1YWdlLCBsaXN0TGFuZ3VhZ2VzIH0gPSB1c2VMYW5ndWFnZSgpO1xuICBjb25zdCBsaXN0Q29udmVydGVkID0gbGlzdExhbmd1YWdlcy5yZWR1Y2UoXG4gICAgKHByZXYsIGl0ZW0pID0+IHtcbiAgICAgIHByZXZbaXRlbS5sbmddID0ge1xuICAgICAgICB0cmFuc2xhdGlvbjogaXRlbS5tZW51S2V5LFxuICAgICAgICBpY29uOiBpdGVtLmljb24sXG4gICAgICB9O1xuICAgICAgcmV0dXJuIHByZXY7XG4gICAgfSxcbiAgICB7fSBhcyBSZWNvcmQ8c3RyaW5nLCB7IHRyYW5zbGF0aW9uOiBzdHJpbmc7IGljb246IGFueSB9PlxuICApO1xuXG4gIGNvbnN0IFtsYW5ndWFnZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KE9iamVjdC5rZXlzKGkxOG5leHQub3B0aW9ucz8ucmVzb3VyY2VzIHx8IHt9KSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY3VycmVudExhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gIGNvbnN0IGdldEN1cnJlbnRMbmdEZXRhaWxzID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IGxuZyA9IGxpc3RDb252ZXJ0ZWRbbGFuZ3VhZ2VdIHx8IGxpc3RDb252ZXJ0ZWRbJ2VuLVVTJ107XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpY29uOiA8bG5nLmljb24gLz4sXG4gICAgICAgIHRyYW5zbGF0aW9uOiB0KGxuZy50cmFuc2xhdGlvbiksXG4gICAgICB9O1xuICAgIH0sXG4gICAgW2xpc3RDb252ZXJ0ZWQsIHRdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZUxhbmd1YWdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExhbmd1YWdlKGxhbmd1YWdlKTtcbiAgICB9LFxuICAgIFtzZXRMYW5ndWFnZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8R3JpZCBjb2x1bW5zPXt7IHhzOiAxMiwgc206IDEyLCBtZDogMTIgfX0gY29udGFpbmVyPXt0cnVlfSBzcGFjaW5nPXt7IHhzOiAxLCBtZDogMSB9fT5cbiAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgaWNvbiwgdHJhbnNsYXRpb24gfSA9IGdldEN1cnJlbnRMbmdEZXRhaWxzKGxhbmd1YWdlKTtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQga2V5PXtpbmRleH0gc2l6ZT17eyBzbTogMiwgeHM6IDYgfX0+XG4gICAgICAgICAgICAgIHtsYW5ndWFnZSA9PT0gY3VycmVudExhbmd1YWdlID8gKFxuICAgICAgICAgICAgICAgIDxDYXJkU2VsZWN0ZWQgc3g9e3sgbWF4V2lkdGg6IDgwIH19PlxuICAgICAgICAgICAgICAgICAgPExhbmd1YWdlQ29udGVudCBpY29uPXtpY29ufSB0cmFuc2xhdGlvbj17dHJhbnNsYXRpb259IC8+XG4gICAgICAgICAgICAgICAgPC9DYXJkU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPENhcmRVblNlbGVjdGVkIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxhbmd1YWdlKGxhbmd1YWdlKX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRVblNlbGVjdGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmlkPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTd2l0Y2g7XG4iXX0= */");
+});
 var LanguageContent = ({ translation, icon }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CardContent.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
 	display: "block",
 	gutterBottom: true,

package/build/sections/Header/LanguageSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitch.js","names":["Card","CardContent","Grid","Typography","i18next","React","useCallback","useState","useTranslation","Theme","useLanguage","CardSelected","_styled","process","env","NODE_ENV","target","label","theme","backgroundColor","palette","grey","opacity","color","error","contrastText","fontWeight","CardUnSelected","cursor","greyGainsboro","LanguageContent","translation","icon","LanguageSwitch","language","setLanguage","listLanguages","listConverted","reduce","prev","item","lng","menuKey","Record","languages","Object","keys","options","resources","t","currentLanguage","getCurrentLngDetails","handleChangeLanguage","xs","sm","md","map","index","maxWidth"],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAaW,eAAeC,iBAAAA,GAAAA,qBAAAA,SAAOZ,mBAAAA,SAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AACzE,QAAO;EACLC,iBAAiBD,MAAME,QAAQC,KAAK;EACpCC,SAAS;EACTC,OAAOL,MAAME,QAAQI,MAAMC;EAC3BC,YAAY;EACb;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAaC,iBAAiBf,iBAAAA,GAAAA,qBAAAA,SAAOZ,mBAAAA,SAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AAC3E,QAAO;EACLU,QAAQ;EACR,UAAU,EACRT,iBAAiBD,MAAME,QAAQS,eACjC;EACD;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAMC,mBAAmB,EAAEC,aAAaC,WACtC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrDD;CACS,CAAA,EACD,CAAA,EACb,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UAAcC,MAAkB,CAAA,CAEnC,EAAA,CAAA;AAED,IAAMC,uBAAuB;CAC3B,MAAM,EAAEC,UAAUC,aAAaC,kBAAkB1B,2BAAAA,aAAa;CAC9D,MAAM2B,gBAAgBD,cAAcE,QACjCC,MAAMC,SAAS;AACdD,OAAKC,KAAKC,OAAO;GACfV,aAAaS,KAAKE;GAClBV,MAAMQ,KAAKR;GACZ;AACD,SAAOO;IAET,EAAE,CACH;CAED,MAAM,CAACK,cAAAA,GAAAA,MAAAA,UAAgCC,OAAOC,KAAK1C,QAAAA,QAAQ2C,SAASC,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAEC,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAMC,kBAAkBhB;CACxB,MAAMiB,wBAAAA,GAAAA,MAAAA,cACHjB,aAAqB;EACpB,MAAMO,MAAMJ,cAAcH,aAAaG,cAAc;AACrD,SAAO;GACLL,MAAM,iBAAA,GAAA,kBAAA,KAAC,IAAI,MAAL,EAAY,CAAA;GAClBD,aAAakB,EAAER,IAAIV,YAAW;GAC/B;IAEH,CAACM,eAAeY,EAClB,CAAC;CACD,MAAMG,wBAAAA,GAAAA,MAAAA,cACHlB,aAAqB;AACpBC,cAAYD,SAAS;IAEvB,CAACC,YACH,CAAC;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,SAAS;GAAEkB,IAAI;GAAIC,IAAI;GAAIC,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAEF,IAAI;GAAGE,IAAI;GAAG;YAClFX,UAAUY,KAAKtB,UAAUuB,UAAU;GAClC,MAAM,EAAEzB,MAAMD,gBAAgBoB,qBAAqBjB,SAAS;AAC5D,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IAAkB,MAAM;KAAEoB,IAAI;KAAGD,IAAI;KAAG;cACrCnB,aAAagB,kBACZ,iBAAA,GAAA,kBAAA,KAAC,cAAD;KAAc,IAAI,EAAEQ,UAAU,IAAI;eAChC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuB1B;MAAmBD;MAAY,CAAA;KACzC,CAAA,GAEf,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KAAgB,eAAeqB,qBAAqBlB,SAAS;eAC3D,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuBF;MAAmBD;MAAY,CAAA;KAEzD,CAAA;IACI,EAVI0B,MAUJ;IAET;EACE,CAAA,EACF,CAAA"}
+{"version":3,"file":"LanguageSwitch.js","names":[],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAa,gBAAA,GAAA,gBAAA,SAAsB,mBAAA,QAAK,EAAqB,EAAE,YAAY;AACzE,QAAO;EACL,iBAAiB,MAAM,QAAQ,KAAK;EACpC,SAAS;EACT,OAAO,MAAM,QAAQ,MAAM;EAC3B,YAAY;EACb;EACD;AAEF,IAAa,kBAAA,GAAA,gBAAA,SAAwB,mBAAA,QAAK,EAAqB,EAAE,YAAY;AAC3E,QAAO;EACL,QAAQ;EACR,UAAU,EACR,iBAAiB,MAAM,QAAQ,eAChC;EACF;EACD;AAEF,IAAM,mBAAmB,EAAE,aAAa,WACtC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrD;CACU,CAAA,EACD,CAAA,EACd,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UAAc,MAAmB,CAAA,CAChC,EAAA,CAAA;AAGL,IAAM,uBAAuB;CAC3B,MAAM,EAAE,UAAU,aAAa,kBAAkB,2BAAA,aAAa;CAC9D,MAAM,gBAAgB,cAAc,QACjC,MAAM,SAAS;AACd,OAAK,KAAK,OAAO;GACf,aAAa,KAAK;GAClB,MAAM,KAAK;GACZ;AACD,SAAO;IAET,EAAE,CACH;CAED,MAAM,CAAC,cAAA,GAAA,MAAA,UAAgC,OAAO,KAAK,QAAA,QAAQ,SAAS,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,kBAAkB;CACxB,MAAM,wBAAA,GAAA,MAAA,cACH,aAAqB;EACpB,MAAM,MAAM,cAAc,aAAa,cAAc;AACrD,SAAO;GACL,MAAM,iBAAA,GAAA,kBAAA,KAAC,IAAI,MAAL,EAAY,CAAA;GAClB,aAAa,EAAE,IAAI,YAAY;GAChC;IAEH,CAAC,eAAe,EAAE,CACnB;CACD,MAAM,wBAAA,GAAA,MAAA,cACH,aAAqB;AACpB,cAAY,SAAS;IAEvB,CAAC,YAAY,CACd;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,SAAS;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAE,IAAI;GAAG,IAAI;GAAG;YAClF,UAAU,KAAK,UAAU,UAAU;GAClC,MAAM,EAAE,MAAM,gBAAgB,qBAAqB,SAAS;AAC5D,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IAAkB,MAAM;KAAE,IAAI;KAAG,IAAI;KAAG;cACrC,aAAa,kBACZ,iBAAA,GAAA,kBAAA,KAAC,cAAD;KAAc,IAAI,EAAE,UAAU,IAAI;eAChC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuB;MAAmB;MAAe,CAAA;KAC5C,CAAA,GAEf,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KAAgB,eAAe,qBAAqB,SAAS;eAC3D,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuB;MAAmB;MAAe,CAAA;KAC1C,CAAA;IAEd,EAVI,MAUJ;IAET;EACG,CAAA,EACH,CAAA"}

package/build/sections/Header/LanguageSwitch.mjs

@@ -1,8 +1,8 @@
 import { useLanguage } from "../../providers/TranslatorProvider/TranslatorProvider.mjs";
 import "../../index.mjs";
-import _styled from "@emotion/styled/base";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
 import { useCallback, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import i18next from "i18next";
 import { useTranslation } from "react-i18next";
 import Typography from "@mui/material/Typography";
@@ -10,27 +10,21 @@ import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
 import Grid from "@mui/material/Grid";
 //#region src/sections/Header/LanguageSwitch.tsx
-var CardSelected = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? { target: "e1prltpd1" } : {
-	target: "e1prltpd1",
-	label: "CardSelected"
-})(({ theme }) => {
+var CardSelected = styled(Card)(({ theme }) => {
 	return {
 		backgroundColor: theme.palette.grey["600"],
 		opacity: "0.9",
 		color: theme.palette.error.contrastText,
 		fontWeight: "bold"
 	};
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9IZWFkZXIvTGFuZ3VhZ2VTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBHcmlkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvR3JpZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgeyB1c2VMYW5ndWFnZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVsnNjAwJ10sXG4gICAgb3BhY2l0eTogJzAuOScsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZXJyb3IuY29udHJhc3RUZXh0LFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2FyZFVuU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm8sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBMYW5ndWFnZUNvbnRlbnQgPSAoeyB0cmFuc2xhdGlvbiwgaWNvbiB9KSA9PiAoXG4gIDw+XG4gICAgPENhcmRDb250ZW50PlxuICAgICAgPFR5cG9ncmFwaHkgZGlzcGxheT1cImJsb2NrXCIgZ3V0dGVyQm90dG9tPXt0cnVlfSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7dHJhbnNsYXRpb259XG4gICAgICA8L1R5cG9ncmFwaHk+XG4gICAgPC9DYXJkQ29udGVudD5cbiAgICA8Q2FyZENvbnRlbnQ+e2ljb259PC9DYXJkQ29udGVudD5cbiAgPC8+XG4pO1xuXG5jb25zdCBMYW5ndWFnZVN3aXRjaCA9ICgpID0+IHtcbiAgY29uc3QgeyBsYW5ndWFnZSwgc2V0TGFuZ3VhZ2UsIGxpc3RMYW5ndWFnZXMgfSA9IHVzZUxhbmd1YWdlKCk7XG4gIGNvbnN0IGxpc3RDb252ZXJ0ZWQgPSBsaXN0TGFuZ3VhZ2VzLnJlZHVjZShcbiAgICAocHJldiwgaXRlbSkgPT4ge1xuICAgICAgcHJldltpdGVtLmxuZ10gPSB7XG4gICAgICAgIHRyYW5zbGF0aW9uOiBpdGVtLm1lbnVLZXksXG4gICAgICAgIGljb246IGl0ZW0uaWNvbixcbiAgICAgIH07XG4gICAgICByZXR1cm4gcHJldjtcbiAgICB9LFxuICAgIHt9IGFzIFJlY29yZDxzdHJpbmcsIHsgdHJhbnNsYXRpb246IHN0cmluZzsgaWNvbjogYW55IH0+XG4gICk7XG5cbiAgY29uc3QgW2xhbmd1YWdlc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oT2JqZWN0LmtleXMoaTE4bmV4dC5vcHRpb25zPy5yZXNvdXJjZXMgfHwge30pKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjdXJyZW50TGFuZ3VhZ2UgPSBsYW5ndWFnZTtcbiAgY29uc3QgZ2V0Q3VycmVudExuZ0RldGFpbHMgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgbG5nID0gbGlzdENvbnZlcnRlZFtsYW5ndWFnZV0gfHwgbGlzdENvbnZlcnRlZFsnZW4tVVMnXTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IDxsbmcuaWNvbiAvPixcbiAgICAgICAgdHJhbnNsYXRpb246IHQobG5nLnRyYW5zbGF0aW9uKSxcbiAgICAgIH07XG4gICAgfSxcbiAgICBbbGlzdENvbnZlcnRlZCwgdF1cbiAgKTtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2UpO1xuICAgIH0sXG4gICAgW3NldExhbmd1YWdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxHcmlkIGNvbHVtbnM9e3sgeHM6IDEyLCBzbTogMTIsIG1kOiAxMiB9fSBjb250YWluZXI9e3RydWV9IHNwYWNpbmc9e3sgeHM6IDEsIG1kOiAxIH19PlxuICAgICAgICB7bGFuZ3VhZ2VzLm1hcCgobGFuZ3VhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBpY29uLCB0cmFuc2xhdGlvbiB9ID0gZ2V0Q3VycmVudExuZ0RldGFpbHMobGFuZ3VhZ2UpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZCBrZXk9e2luZGV4fSBzaXplPXt7IHNtOiAyLCB4czogNiB9fT5cbiAgICAgICAgICAgICAge2xhbmd1YWdlID09PSBjdXJyZW50TGFuZ3VhZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENhcmRTZWxlY3RlZCBzeD17eyBtYXhXaWR0aDogODAgfX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRTZWxlY3RlZD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2FyZFVuU2VsZWN0ZWQgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpfT5cbiAgICAgICAgICAgICAgICAgIDxMYW5ndWFnZUNvbnRlbnQgaWNvbj17aWNvbn0gdHJhbnNsYXRpb249e3RyYW5zbGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZFVuU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L0dyaWQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVN3aXRjaDtcbiJdfQ== */");
-var CardUnSelected = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? { target: "e1prltpd0" } : {
-	target: "e1prltpd0",
-	label: "CardUnSelected"
-})(({ theme }) => {
+});
+var CardUnSelected = styled(Card)(({ theme }) => {
 	return {
 		cursor: "pointer",
 		":hover": { backgroundColor: theme.palette.greyGainsboro }
 	};
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgdXNlTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgQ2FyZFNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbJzYwMCddLFxuICAgIG9wYWNpdHk6ICcwLjknLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yLmNvbnRyYXN0VGV4dCxcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IENhcmRVblNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvLFxuICAgIH0sXG4gIH07XG59KTtcblxuY29uc3QgTGFuZ3VhZ2VDb250ZW50ID0gKHsgdHJhbnNsYXRpb24sIGljb24gfSkgPT4gKFxuICA8PlxuICAgIDxDYXJkQ29udGVudD5cbiAgICAgIDxUeXBvZ3JhcGh5IGRpc3BsYXk9XCJibG9ja1wiIGd1dHRlckJvdHRvbT17dHJ1ZX0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge3RyYW5zbGF0aW9ufVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPENhcmRDb250ZW50PntpY29ufTwvQ2FyZENvbnRlbnQ+XG4gIDwvPlxuKTtcblxuY29uc3QgTGFuZ3VhZ2VTd2l0Y2ggPSAoKSA9PiB7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIHNldExhbmd1YWdlLCBsaXN0TGFuZ3VhZ2VzIH0gPSB1c2VMYW5ndWFnZSgpO1xuICBjb25zdCBsaXN0Q29udmVydGVkID0gbGlzdExhbmd1YWdlcy5yZWR1Y2UoXG4gICAgKHByZXYsIGl0ZW0pID0+IHtcbiAgICAgIHByZXZbaXRlbS5sbmddID0ge1xuICAgICAgICB0cmFuc2xhdGlvbjogaXRlbS5tZW51S2V5LFxuICAgICAgICBpY29uOiBpdGVtLmljb24sXG4gICAgICB9O1xuICAgICAgcmV0dXJuIHByZXY7XG4gICAgfSxcbiAgICB7fSBhcyBSZWNvcmQ8c3RyaW5nLCB7IHRyYW5zbGF0aW9uOiBzdHJpbmc7IGljb246IGFueSB9PlxuICApO1xuXG4gIGNvbnN0IFtsYW5ndWFnZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KE9iamVjdC5rZXlzKGkxOG5leHQub3B0aW9ucz8ucmVzb3VyY2VzIHx8IHt9KSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY3VycmVudExhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gIGNvbnN0IGdldEN1cnJlbnRMbmdEZXRhaWxzID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IGxuZyA9IGxpc3RDb252ZXJ0ZWRbbGFuZ3VhZ2VdIHx8IGxpc3RDb252ZXJ0ZWRbJ2VuLVVTJ107XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpY29uOiA8bG5nLmljb24gLz4sXG4gICAgICAgIHRyYW5zbGF0aW9uOiB0KGxuZy50cmFuc2xhdGlvbiksXG4gICAgICB9O1xuICAgIH0sXG4gICAgW2xpc3RDb252ZXJ0ZWQsIHRdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZUxhbmd1YWdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExhbmd1YWdlKGxhbmd1YWdlKTtcbiAgICB9LFxuICAgIFtzZXRMYW5ndWFnZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8R3JpZCBjb2x1bW5zPXt7IHhzOiAxMiwgc206IDEyLCBtZDogMTIgfX0gY29udGFpbmVyPXt0cnVlfSBzcGFjaW5nPXt7IHhzOiAxLCBtZDogMSB9fT5cbiAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgaWNvbiwgdHJhbnNsYXRpb24gfSA9IGdldEN1cnJlbnRMbmdEZXRhaWxzKGxhbmd1YWdlKTtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQga2V5PXtpbmRleH0gc2l6ZT17eyBzbTogMiwgeHM6IDYgfX0+XG4gICAgICAgICAgICAgIHtsYW5ndWFnZSA9PT0gY3VycmVudExhbmd1YWdlID8gKFxuICAgICAgICAgICAgICAgIDxDYXJkU2VsZWN0ZWQgc3g9e3sgbWF4V2lkdGg6IDgwIH19PlxuICAgICAgICAgICAgICAgICAgPExhbmd1YWdlQ29udGVudCBpY29uPXtpY29ufSB0cmFuc2xhdGlvbj17dHJhbnNsYXRpb259IC8+XG4gICAgICAgICAgICAgICAgPC9DYXJkU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPENhcmRVblNlbGVjdGVkIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxhbmd1YWdlKGxhbmd1YWdlKX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRVblNlbGVjdGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmlkPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTd2l0Y2g7XG4iXX0= */");
-var LanguageContent = ({ translation, icon }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, {
+});
+var LanguageContent = ({ translation, icon }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, {
 	display: "block",
 	gutterBottom: true,
 	variant: "caption",

package/build/sections/Header/LanguageSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitch.mjs","names":["Card","CardContent","Grid","Typography","i18next","React","useCallback","useState","useTranslation","Theme","useLanguage","CardSelected","_styled","process","env","NODE_ENV","target","label","theme","backgroundColor","palette","grey","opacity","color","error","contrastText","fontWeight","CardUnSelected","cursor","greyGainsboro","LanguageContent","translation","icon","LanguageSwitch","language","setLanguage","listLanguages","listConverted","reduce","prev","item","lng","menuKey","Record","languages","Object","keys","options","resources","t","currentLanguage","getCurrentLngDetails","handleChangeLanguage","xs","sm","md","map","index","maxWidth"],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAaW,eAAeC,wBAAOZ,MAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AACzE,QAAO;EACLC,iBAAiBD,MAAME,QAAQC,KAAK;EACpCC,SAAS;EACTC,OAAOL,MAAME,QAAQI,MAAMC;EAC3BC,YAAY;EACb;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAaC,iBAAiBf,wBAAOZ,MAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AAC3E,QAAO;EACLU,QAAQ;EACR,UAAU,EACRT,iBAAiBD,MAAME,QAAQS,eACjC;EACD;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAMC,mBAAmB,EAAEC,aAAaC,WACtC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,YAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrDD;CACS,CAAA,EACD,CAAA,EACb,oBAAC,aAAD,EAAA,UAAcC,MAAkB,CAAA,CAEnC,EAAA,CAAA;AAED,IAAMC,uBAAuB;CAC3B,MAAM,EAAEC,UAAUC,aAAaC,kBAAkB1B,aAAa;CAC9D,MAAM2B,gBAAgBD,cAAcE,QACjCC,MAAMC,SAAS;AACdD,OAAKC,KAAKC,OAAO;GACfV,aAAaS,KAAKE;GAClBV,MAAMQ,KAAKR;GACZ;AACD,SAAOO;IAET,EAAE,CACH;CAED,MAAM,CAACK,aAAarC,SAAmBsC,OAAOC,KAAK1C,QAAQ2C,SAASC,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAEC,MAAMzC,gBAAgB;CAC9B,MAAM0C,kBAAkBhB;CACxB,MAAMiB,uBAAuB7C,aAC1B4B,aAAqB;EACpB,MAAMO,MAAMJ,cAAcH,aAAaG,cAAc;AACrD,SAAO;GACLL,MAAM,oBAAC,IAAI,MAAL,EAAY,CAAA;GAClBD,aAAakB,EAAER,IAAIV,YAAW;GAC/B;IAEH,CAACM,eAAeY,EAClB,CAAC;CACD,MAAMG,uBAAuB9C,aAC1B4B,aAAqB;AACpBC,cAAYD,SAAS;IAEvB,CAACC,YACH,CAAC;AAED,QACE,oBAAC,OAAD,EAAA,UACE,oBAAC,MAAD;EAAM,SAAS;GAAEkB,IAAI;GAAIC,IAAI;GAAIC,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAEF,IAAI;GAAGE,IAAI;GAAG;YAClFX,UAAUY,KAAKtB,UAAUuB,UAAU;GAClC,MAAM,EAAEzB,MAAMD,gBAAgBoB,qBAAqBjB,SAAS;AAC5D,UACE,oBAAC,MAAD;IAAkB,MAAM;KAAEoB,IAAI;KAAGD,IAAI;KAAG;cACrCnB,aAAagB,kBACZ,oBAAC,cAAD;KAAc,IAAI,EAAEQ,UAAU,IAAI;eAChC,oBAAC,iBAAD;MAAuB1B;MAAmBD;MAAY,CAAA;KACzC,CAAA,GAEf,oBAAC,gBAAD;KAAgB,eAAeqB,qBAAqBlB,SAAS;eAC3D,oBAAC,iBAAD;MAAuBF;MAAmBD;MAAY,CAAA;KAEzD,CAAA;IACI,EAVI0B,MAUJ;IAET;EACE,CAAA,EACF,CAAA"}
+{"version":3,"file":"LanguageSwitch.mjs","names":[],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,eAAe,OAAO,KAAK,EAAqB,EAAE,YAAY;AACzE,QAAO;EACL,iBAAiB,MAAM,QAAQ,KAAK;EACpC,SAAS;EACT,OAAO,MAAM,QAAQ,MAAM;EAC3B,YAAY;EACb;EACD;AAEF,IAAa,iBAAiB,OAAO,KAAK,EAAqB,EAAE,YAAY;AAC3E,QAAO;EACL,QAAQ;EACR,UAAU,EACR,iBAAiB,MAAM,QAAQ,eAChC;EACF;EACD;AAEF,IAAM,mBAAmB,EAAE,aAAa,WACtC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,YAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrD;CACU,CAAA,EACD,CAAA,EACd,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,CAChC,EAAA,CAAA;AAGL,IAAM,uBAAuB;CAC3B,MAAM,EAAE,UAAU,aAAa,kBAAkB,aAAa;CAC9D,MAAM,gBAAgB,cAAc,QACjC,MAAM,SAAS;AACd,OAAK,KAAK,OAAO;GACf,aAAa,KAAK;GAClB,MAAM,KAAK;GACZ;AACD,SAAO;IAET,EAAE,CACH;CAED,MAAM,CAAC,aAAa,SAAmB,OAAO,KAAK,QAAQ,SAAS,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,kBAAkB;CACxB,MAAM,uBAAuB,aAC1B,aAAqB;EACpB,MAAM,MAAM,cAAc,aAAa,cAAc;AACrD,SAAO;GACL,MAAM,oBAAC,IAAI,MAAL,EAAY,CAAA;GAClB,aAAa,EAAE,IAAI,YAAY;GAChC;IAEH,CAAC,eAAe,EAAE,CACnB;CACD,MAAM,uBAAuB,aAC1B,aAAqB;AACpB,cAAY,SAAS;IAEvB,CAAC,YAAY,CACd;AAED,QACE,oBAAC,OAAD,EAAA,UACE,oBAAC,MAAD;EAAM,SAAS;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAE,IAAI;GAAG,IAAI;GAAG;YAClF,UAAU,KAAK,UAAU,UAAU;GAClC,MAAM,EAAE,MAAM,gBAAgB,qBAAqB,SAAS;AAC5D,UACE,oBAAC,MAAD;IAAkB,MAAM;KAAE,IAAI;KAAG,IAAI;KAAG;cACrC,aAAa,kBACZ,oBAAC,cAAD;KAAc,IAAI,EAAE,UAAU,IAAI;eAChC,oBAAC,iBAAD;MAAuB;MAAmB;MAAe,CAAA;KAC5C,CAAA,GAEf,oBAAC,gBAAD;KAAgB,eAAe,qBAAqB,SAAS;eAC3D,oBAAC,iBAAD;MAAuB;MAAmB;MAAe,CAAA;KAC1C,CAAA;IAEd,EAVI,MAUJ;IAET;EACG,CAAA,EACH,CAAA"}