@verdaccio/ui-components 5.0.0-next-9.21 → 5.0.0-next-9.23

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

@@ -1 +1 @@
-{"version":3,"file":"RegistryInfoContent.mjs","names":[],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n  CopyClipboard,\n  getCLIChangePassword,\n  getCLISBerryYamlRegistry,\n  getCLISetConfigRegistry,\n  getCLISetRegistry,\n  useConfig,\n} from '../../../';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n  npm: 'npm',\n  yarn: 'yarn',\n  pnpm: 'pnpm',\n};\n\nconst renderNpmTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n      />\n      <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n    </Box>\n  );\n};\n\nconst renderPnpmTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n      />\n    </Box>\n  );\n};\n\nconst renderYarnTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n      />\n    </Box>\n  );\n};\n\nconst renderYarnBerryTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n    </Box>\n  );\n};\n\nexport const AccordionContainer = styled('div')({\n  padding: 0,\n  paddingLeft: 0,\n  paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n  padding: 5,\n});\n\nexport const LinkContainer = styled('div')({\n  margin: 10,\n  marginLeft: 0,\n});\n\nexport type Props = {\n  registryUrl: string;\n  scope: string | undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n\n  const hasNpm = configOptions?.pkgManagers?.includes('npm');\n  const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n  const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n  // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n  // feel free to contribute here\n  return (\n    <>\n      <TextContent>{t('packageManagers.description')}</TextContent>\n      <AccordionContainer>\n        <Accordion disabled={!hasNpm}>\n          <AccordionSummary\n            aria-controls=\"panel1a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel1a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderNpmTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n        <Accordion disabled={!hasYarn}>\n          <AccordionSummary\n            aria-controls=\"panel2a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel2a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Description>\n              <ReactMarkdown>{t('packageManagers.yarnclassicDetails')}</ReactMarkdown>\n            </Description>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderYarnTab(scope, registryUrl)}\n            </CommandContainer>\n            <Description>\n              <ReactMarkdown>{t('packageManagers.yarnBerryDetails')}</ReactMarkdown>\n            </Description>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderYarnBerryTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n\n        <Accordion disabled={!hasPnpm}>\n          <AccordionSummary\n            aria-controls=\"panel3a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel3a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderPnpmTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n\n        <LinkContainer>\n          <Link href=\"https://verdaccio.org/docs/cli-registry\" target=\"_blank\">\n            <Typography>{t('header.registry-info-link')}</Typography>\n          </Link>\n        </LinkContainer>\n      </AccordionContainer>\n    </>\n  );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":"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"}
+{"version":3,"file":"RegistryInfoContent.mjs","names":["CopyClipboard","_Fragment"],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n  CopyClipboard,\n  getCLIChangePassword,\n  getCLISBerryYamlRegistry,\n  getCLISetConfigRegistry,\n  getCLISetRegistry,\n  useConfig,\n} from '../../../';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n  npm: 'npm',\n  yarn: 'yarn',\n  pnpm: 'pnpm',\n};\n\nconst renderNpmTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n      />\n      <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n    </Box>\n  );\n};\n\nconst renderPnpmTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n      />\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n      />\n    </Box>\n  );\n};\n\nconst renderYarnTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard\n        dataTestId=\"copy\"\n        text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n      />\n    </Box>\n  );\n};\n\nconst renderYarnBerryTab = (scope: string | undefined, registryUrl: string): React.JSX.Element => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n    </Box>\n  );\n};\n\nexport const AccordionContainer = styled('div')({\n  padding: 0,\n  paddingLeft: 0,\n  paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n  padding: 5,\n});\n\nexport const LinkContainer = styled('div')({\n  margin: 10,\n  marginLeft: 0,\n});\n\nexport type Props = {\n  registryUrl: string;\n  scope: string | undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n\n  const hasNpm = configOptions?.pkgManagers?.includes('npm');\n  const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n  const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n  // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n  // feel free to contribute here\n  return (\n    <>\n      <TextContent>{t('packageManagers.description')}</TextContent>\n      <AccordionContainer>\n        <Accordion disabled={!hasNpm}>\n          <AccordionSummary\n            aria-controls=\"panel1a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel1a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderNpmTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n        <Accordion disabled={!hasYarn}>\n          <AccordionSummary\n            aria-controls=\"panel2a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel2a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Description>\n              <ReactMarkdown>{t('packageManagers.yarnclassicDetails')}</ReactMarkdown>\n            </Description>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderYarnTab(scope, registryUrl)}\n            </CommandContainer>\n            <Description>\n              <ReactMarkdown>{t('packageManagers.yarnBerryDetails')}</ReactMarkdown>\n            </Description>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderYarnBerryTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n\n        <Accordion disabled={!hasPnpm}>\n          <AccordionSummary\n            aria-controls=\"panel3a-content\"\n            expandIcon={<ExpandMoreIcon />}\n            id=\"panel3a-header\"\n          >\n            <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <CommandContainer data-testid={'tab-content'}>\n              {renderPnpmTab(scope, registryUrl)}\n            </CommandContainer>\n          </AccordionDetails>\n        </Accordion>\n\n        <LinkContainer>\n          <Link href=\"https://verdaccio.org/docs/cli-registry\" target=\"_blank\">\n            <Typography>{t('header.registry-info-link')}</Typography>\n          </Link>\n        </LinkContainer>\n      </AccordionContainer>\n    </>\n  );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":"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"}

package/build/sections/Header/RegistryInfoContent/index.mjs

@@ -1,2 +1 @@
-import RegistryInfoContent from "./RegistryInfoContent.mjs";
-export { RegistryInfoContent as default };
+export { default } from "./RegistryInfoContent.mjs";

package/build/sections/Header/RegistryInfoContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../../src/sections/Header/RegistryInfoContent/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport type { Theme } from '../../../';\n\nexport const TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  paddingBottom: '10px',\n  backgroundColor: theme.palette.background.default,\n}));\n\nexport const Description = styled('div')<{ theme?: Theme }>(() => ({\n  fontSize: '1rem',\n  fontStyle: 'italic',\n}));\n"],"mappings":";;;;AAIA,IAAa,eAAA,GAAc,gBAAA,QAAA,CAAO,KAAK,CAAC,EAAqB,EAAE,aAAa;CAC1E,eAAe;CACf,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAa,eAAA,GAAc,gBAAA,QAAA,CAAO,KAAK,CAAC,QAA2B;CACjE,UAAU;CACV,WAAW;AACb,EAAE"}
+{"version":3,"file":"styles.js","names":["styled"],"sources":["../../../../src/sections/Header/RegistryInfoContent/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport type { Theme } from '../../../';\n\nexport const TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  paddingBottom: '10px',\n  backgroundColor: theme.palette.background.default,\n}));\n\nexport const Description = styled('div')<{ theme?: Theme }>(() => ({\n  fontSize: '1rem',\n  fontStyle: 'italic',\n}));\n"],"mappings":";;;;AAIA,IAAa,eAAA,GAAcA,gBAAAA,QAAAA,CAAO,KAAK,CAAC,EAAqB,EAAE,aAAa;CAC1E,eAAe;CACf,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAa,eAAA,GAAcA,gBAAAA,QAAAA,CAAO,KAAK,CAAC,QAA2B;CACjE,UAAU;CACV,WAAW;AACb,EAAE"}

package/build/sections/Header/index.mjs

@@ -1,2 +1 @@
-import Header from "./Header.mjs";
-export { Header as default };
+export { default } from "./Header.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/sections/Header/styles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport AppBar from '@mui/material/AppBar';\nimport IconButton from '@mui/material/IconButton';\nimport Toolbar from '@mui/material/Toolbar';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../Theme';\n\nexport const InnerNavBar = styled(Toolbar)({\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  padding: 0,\n});\n\nexport const Greetings = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const MobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  alignItems: 'center',\n  display: 'flex',\n  borderBottom: `1px solid ${props.theme.palette.greyLight}`,\n  padding: '8px',\n  position: 'relative',\n}));\n\nexport const InnerMobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  borderRadius: '4px',\n  backgroundColor: props.theme.palette.greyLight,\n  color: common.white,\n  width: '100%',\n  padding: '0 5px',\n  margin: '0 10px 0 0',\n}));\n\nexport const IconSearchButton = styled(IconButton)({});\nexport const InfoButton = styled(IconButton)({});\nexport const SwitchThemeButton = styled(IconButton)({});\nexport const SettingsButtom = styled(IconButton)({});\n\nexport const SearchWrapper = styled('div')({\n  display: 'none',\n  width: '100%',\n  marginLeft: 20,\n});\n\nexport const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n  minHeight: 60,\n  display: 'flex',\n  justifyContent: 'center',\n  [`@media (max-width: ${theme.breakPoints.xsmall}px)`]: css`\n    [data-testid='header--tooltip-info'] {\n      display: none;\n    }\n    [data-testid='header--button--dark'],\n    [data-testid='header--button--light'] {\n      display: none;\n    }\n    [data-testid='header--tooltip-settings'] {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: css`\n    [data-testid='search-container'] {\n      display: flex;\n    }\n    [data-testid='header--tooltip-search'] {\n      display: none;\n    }\n    [data-testid='mobile-nav-bar'] {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.large}px)`]: css`\n    [data-testid='inner-nav-bar'] {\n      padding: 0 16px;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.xlarge}px)`]: css`\n    [data-testid='inner-nav-bar'] {\n      max-width: 1240px;\n      width: 100%;\n      margin: 0 auto;\n    }\n  `,\n}));\n"],"mappings":";;;;;;;;;;;;AASA,IAAa,eAAA,GAAc,gBAAA,QAAA,CAAO,sBAAA,OAAO,CAAC,CAAC;CACzC,gBAAgB;CAChB,YAAY;CACZ,SAAS;AACX,CAAC;AAED,IAAa,aAAA,GAAY,gBAAA,QAAA,CAAO,MAAM,CAAC,CAAC,EACtC,QAAQ,YACV,CAAC;AAED,IAAa,gBAAA,GAAe,gBAAA,QAAA,CAAO,KAAK,CAAC,EAAqB,WAAW;CACvE,YAAY;CACZ,SAAS;CACT,cAAc,aAAa,MAAM,MAAM,QAAQ;CAC/C,SAAS;CACT,UAAU;AACZ,EAAE;AAEF,IAAa,qBAAA,GAAoB,gBAAA,QAAA,CAAO,KAAK,CAAC,EAAqB,WAAW;CAC5E,cAAc;CACd,iBAAiB,MAAM,MAAM,QAAQ;CACrC,OAAO,qBAAA,OAAO;CACd,OAAO;CACP,SAAS;CACT,QAAQ;AACV,EAAE;AAEF,IAAa,oBAAA,GAAmB,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AACrD,IAAa,cAAA,GAAa,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AAC/C,IAAa,qBAAA,GAAoB,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AACtD,IAAa,kBAAA,GAAiB,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AAEnD,IAAa,iBAAA,GAAgB,gBAAA,QAAA,CAAO,KAAK,CAAC,CAAC;CACzC,SAAS;CACT,OAAO;CACP,YAAY;AACd,CAAC;AAED,IAAa,UAAA,GAAS,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa;CACtE,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,qBAAA,OAAO;CACd,WAAW;CACX,SAAS;CACT,gBAAgB;EACf,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;;;;;;EAYzD,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;;;;;EAWzD,sBAAsB,MAAM,YAAY,MAAM,OAAO,eAAA,GAAG;;;;;EAKxD,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;AAO5D,EAAE"}
+{"version":3,"file":"styles.js","names":["styled","Toolbar","common","IconButton","AppBar"],"sources":["../../../src/sections/Header/styles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport AppBar from '@mui/material/AppBar';\nimport IconButton from '@mui/material/IconButton';\nimport Toolbar from '@mui/material/Toolbar';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../Theme';\n\nexport const InnerNavBar = styled(Toolbar)({\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  padding: 0,\n});\n\nexport const Greetings = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const MobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  alignItems: 'center',\n  display: 'flex',\n  borderBottom: `1px solid ${props.theme.palette.greyLight}`,\n  padding: '8px',\n  position: 'relative',\n}));\n\nexport const InnerMobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({\n  borderRadius: '4px',\n  backgroundColor: props.theme.palette.greyLight,\n  color: common.white,\n  width: '100%',\n  padding: '0 5px',\n  margin: '0 10px 0 0',\n}));\n\nexport const IconSearchButton = styled(IconButton)({});\nexport const InfoButton = styled(IconButton)({});\nexport const SwitchThemeButton = styled(IconButton)({});\nexport const SettingsButtom = styled(IconButton)({});\n\nexport const SearchWrapper = styled('div')({\n  display: 'none',\n  width: '100%',\n  marginLeft: 20,\n});\n\nexport const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n  minHeight: 60,\n  display: 'flex',\n  justifyContent: 'center',\n  [`@media (max-width: ${theme.breakPoints.xsmall}px)`]: css`\n    [data-testid='header--tooltip-info'] {\n      display: none;\n    }\n    [data-testid='header--button--dark'],\n    [data-testid='header--button--light'] {\n      display: none;\n    }\n    [data-testid='header--tooltip-settings'] {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: css`\n    [data-testid='search-container'] {\n      display: flex;\n    }\n    [data-testid='header--tooltip-search'] {\n      display: none;\n    }\n    [data-testid='mobile-nav-bar'] {\n      display: none;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.large}px)`]: css`\n    [data-testid='inner-nav-bar'] {\n      padding: 0 16px;\n    }\n  `,\n  [`@media (min-width: ${theme.breakPoints.xlarge}px)`]: css`\n    [data-testid='inner-nav-bar'] {\n      max-width: 1240px;\n      width: 100%;\n      margin: 0 auto;\n    }\n  `,\n}));\n"],"mappings":";;;;;;;;;;;;AASA,IAAa,eAAA,GAAcA,gBAAAA,QAAAA,CAAOC,sBAAAA,OAAO,CAAC,CAAC;CACzC,gBAAgB;CAChB,YAAY;CACZ,SAAS;AACX,CAAC;AAED,IAAa,aAAA,GAAYD,gBAAAA,QAAAA,CAAO,MAAM,CAAC,CAAC,EACtC,QAAQ,YACV,CAAC;AAED,IAAa,gBAAA,GAAeA,gBAAAA,QAAAA,CAAO,KAAK,CAAC,EAAqB,WAAW;CACvE,YAAY;CACZ,SAAS;CACT,cAAc,aAAa,MAAM,MAAM,QAAQ;CAC/C,SAAS;CACT,UAAU;AACZ,EAAE;AAEF,IAAa,qBAAA,GAAoBA,gBAAAA,QAAAA,CAAO,KAAK,CAAC,EAAqB,WAAW;CAC5E,cAAc;CACd,iBAAiB,MAAM,MAAM,QAAQ;CACrC,OAAOE,qBAAAA,OAAO;CACd,OAAO;CACP,SAAS;CACT,QAAQ;AACV,EAAE;AAEF,IAAa,oBAAA,GAAmBF,gBAAAA,QAAAA,CAAOG,yBAAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AACrD,IAAa,cAAA,GAAaH,gBAAAA,QAAAA,CAAOG,yBAAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AAC/C,IAAa,qBAAA,GAAoBH,gBAAAA,QAAAA,CAAOG,yBAAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AACtD,IAAa,kBAAA,GAAiBH,gBAAAA,QAAAA,CAAOG,yBAAAA,OAAU,CAAC,CAAC,CAAC,CAAC;AAEnD,IAAa,iBAAA,GAAgBH,gBAAAA,QAAAA,CAAO,KAAK,CAAC,CAAC;CACzC,SAAS;CACT,OAAO;CACP,YAAY;AACd,CAAC;AAED,IAAa,UAAA,GAASA,gBAAAA,QAAAA,CAAOI,qBAAAA,OAAM,CAAC,EAAqB,EAAE,aAAa;CACtE,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAOF,qBAAAA,OAAO;CACd,WAAW;CACX,SAAS;CACT,gBAAgB;EACf,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;;;;;;EAYzD,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;;;;;EAWzD,sBAAsB,MAAM,YAAY,MAAM,OAAO,eAAA,GAAG;;;;;EAKxD,sBAAsB,MAAM,YAAY,OAAO,OAAO,eAAA,GAAG;;;;;;;AAO5D,EAAE"}

package/build/sections/Home/Home.js.map

@@ -1 +1 @@
-{"version":3,"file":"Home.js","names":[],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GenericError, Loading, PackageList, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n  const manifests = useManifests();\n\n  if (manifests.isError) {\n    return <GenericError />;\n  }\n\n  return (\n    <div className=\"container content\" data-testid=\"home-page-container\">\n      {manifests.isLoading ? (\n        <Loading />\n      ) : (\n        <PackageList packages={manifests.manifests as ManifestWeb[]} />\n      )}\n    </div>\n  );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;;;;AAKA,IAAM,aAAuB;CAC3B,MAAM,YAAY,0BAAA,aAAa;CAE/B,IAAI,UAAU,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD,CAAe,CAAA;CAGxB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;EAC5C,UAAA,UAAU,YACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,CAAU,CAAA,IAEV,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,SAAD,EAAa,UAAU,UAAU,UAA6B,CAAA;CAE7D,CAAA;AAET"}
+{"version":3,"file":"Home.js","names":["useManifests","GenericError","Loading","PackageList"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GenericError, Loading, PackageList, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n  const manifests = useManifests();\n\n  if (manifests.isError) {\n    return <GenericError />;\n  }\n\n  return (\n    <div className=\"container content\" data-testid=\"home-page-container\">\n      {manifests.isLoading ? (\n        <Loading />\n      ) : (\n        <PackageList packages={manifests.manifests as ManifestWeb[]} />\n      )}\n    </div>\n  );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;;;;AAKA,IAAM,aAAuB;CAC3B,MAAM,YAAYA,0BAAAA,aAAa;CAE/B,IAAI,UAAU,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD,CAAe,CAAA;CAGxB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;EAC5C,UAAA,UAAU,YACT,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD,CAAU,CAAA,IAEV,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,SAAD,EAAa,UAAU,UAAU,UAA6B,CAAA;CAE7D,CAAA;AAET"}

package/build/sections/Home/index.mjs

@@ -1,2 +1 @@
-import Home from "./Home.mjs";
-export { Home as default };
+export { default } from "./Home.mjs";

package/build/sections/Security/AddUser.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddUser.js","names":[],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}
+{"version":3,"file":"AddUser.js","names":["useTranslation","useLocation","useNavigate","useAuth","getConfiguration","stripTrailingSlash","getSecurityUrlParams","Route","useForm","yupResolver","addUserSchema","useDataMutation","APIRoute","useCallback","useRef","generateSessionId","MessageType","authErrorMessage","SecurityLayout","SecurityContainer","SecurityForm","Typography","UsernameField","PasswordField","SecurityTextField","LoginDialogFormError","Button","Link","RouterLink"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}

package/build/sections/Security/AddUser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddUser.mjs","names":[],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}
+{"version":3,"file":"AddUser.mjs","names":["Route","Link","RouterLink"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport { generateSessionId } from '../../utils/session-id';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n  // the signup endpoint rejects requests without a 36-char session id\n  sessionId: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ token?: string; username?: string }>(\n    basePath,\n    APIRoute.SIGNUP,\n    'PUT'\n  );\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: AddUserFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n          sessionId: generateSessionId(),\n        });\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful signup\n          throw new Error('signup response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-add-user')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleAddUser, setError, setUserState, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            error={!!errors.email}\n            // without this the submit button silently stays disabled on an\n            // invalid email, with no visible reason\n            helperText={errors.email?.message ? t(errors.email.message) : undefined}\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link component={RouterLink} sx={{ ml: 1 }} to={loginLink}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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"}

package/build/sections/Security/ChangePassword.js

@@ -1,12 +1,17 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_routes = require("../../utils/routes.js");
 require("../../utils/index.js");
+const require_storage = require("../../store/storage.js");
+const require_api = require("../../store/api.js");
 const require_configuration = require("../../configuration.js");
 const require_utils = require("../../store/utils.js");
 const require_use_data_mutation = require("../../api/use-data-mutation.js");
 const require_utils$1 = require("../../providers/AuthProvider/utils.js");
+const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
+require("../../providers/AuthProvider/index.js");
 const require_LoginDialogFormError = require("../../components/LoginDialog/LoginDialogFormError.js");
 const require_schemas = require("../../utils/schemas.js");
+const require_LoginDialog = require("../../components/LoginDialog/LoginDialog.js");
 const require_Dialog = require("../../layouts/Security/Dialog.js");
 const require_styles = require("./styles.js");
 const require_Success = require("./Success.js");
@@ -22,13 +27,27 @@ let react_hook_form = require("react-hook-form");
 var ChangePassword = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const navigate = (0, react_router.useNavigate)();
-	const configuration = require_configuration.getConfiguration();
-	const basePath = require_utils.stripTrailingSlash(configuration.base);
-	const changePasswordEnabled = configuration?.flags?.changePassword;
+	const changePasswordEnabled = require_configuration.getConfiguration()?.flags?.changePassword;
+	const { userState } = require_AuthProvider.useAuth();
+	(0, react.useEffect)(() => {
+		if (!changePasswordEnabled) navigate("/");
+	}, [changePasswordEnabled, navigate]);
+	if (!changePasswordEnabled) return null;
+	if (!userState?.token) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoginDialog.default, {
+		message: t("security.changePassword.loginRequired"),
+		onClose: () => navigate(require_routes.Route.ROOT),
+		open: true
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangePasswordForm, {});
+};
+var ChangePasswordForm = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const navigate = (0, react_router.useNavigate)();
+	const { setUserState } = require_AuthProvider.useAuth();
+	const basePath = require_utils.stripTrailingSlash(require_configuration.getConfiguration().base);
 	const { setError, handleSubmit, register, formState: { isValid, isSubmitting, errors } } = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		defaultValues: {
-			username: "",
 			oldPassword: "",
 			newPassword: "",
 			confirmPassword: ""
@@ -50,6 +69,21 @@ var ChangePassword = () => {
 			} });
 			navigate(`${require_routes.Route.SUCCESS}?messageType=${require_Success.MessageType.ChangePassword}`);
 		} catch (err) {
+			if (err instanceof require_api.CustomError && err.code === 401) {
+				require_storage.clearAuth();
+				setUserState?.({
+					username: null,
+					token: null
+				});
+				return;
+			}
+			if (err instanceof require_api.CustomError && err.code === 400 && err.message === "invalid old password") {
+				setError("oldPassword", {
+					type: "server",
+					message: "security.changePassword.invalidOldPassword"
+				}, { shouldFocus: true });
+				return;
+			}
 			setError("root", {
 				type: "server",
 				message: require_utils$1.authErrorMessage(err, t("security.error.unable-to-change-password"))
@@ -60,13 +94,11 @@ var ChangePassword = () => {
 	}, [
 		handleChangePassword,
 		setError,
+		setUserState,
 		navigate,
 		t
 	]);
-	(0, react.useEffect)(() => {
-		if (!changePasswordEnabled) navigate("/");
-	}, [changePasswordEnabled, navigate]);
-	return changePasswordEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.SecurityForm, {
 		onSubmit: handleSubmit(onSubmit),
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
@@ -76,13 +108,6 @@ var ChangePassword = () => {
 				variant: "h4",
 				children: t("security.changePassword.title")
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
-				error: !!errors.username,
-				helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
-				label: t("security.changePassword.username"),
-				...register("username"),
-				required: true
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SecurityTextField, {
 				error: !!errors.oldPassword,
 				helperText: errors.oldPassword?.message ? t(errors.oldPassword.message, { length: 2 }) : void 0,
@@ -118,7 +143,7 @@ var ChangePassword = () => {
 				children: t("security.changePassword.submit")
 			})
 		]
-	}) }) }) : null;
+	}) }) });
 };
 //#endregion
 exports.default = ChangePassword;

package/build/sections/Security/ChangePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.js","names":[],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport {\n  PASSWORD_MIN_LENGTH,\n  USERNAME_MIN_LENGTH,\n  changePasswordSchema,\n} from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: '',\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.username}\n            helperText={\n              errors.username?.message\n                ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}
+{"version":3,"file":"ChangePassword.js","names":["useTranslation","useNavigate","getConfiguration","useAuth","LoginDialog","Route","stripTrailingSlash","useForm","yupResolver","changePasswordSchema","useDataMutation","APIRoute","useCallback","useRef","MessageType","CustomError","authErrorMessage","SecurityLayout","SecurityContainer","SecurityForm","Typography","SecurityTextField","LoginDialogFormError","Button"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialog from '../../components/LoginDialog/LoginDialog';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { CustomError } from '../../store/api';\nimport { clearAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH, changePasswordSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const { userState } = useAuth();\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  if (!changePasswordEnabled) {\n    return null;\n  }\n\n  if (!userState?.token) {\n    return (\n      <LoginDialog\n        message={t('security.changePassword.loginRequired')}\n        onClose={() => navigate(Route.ROOT)}\n        open={true}\n      />\n    );\n  }\n\n  return <ChangePasswordForm />;\n};\n\nconst ChangePasswordForm: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        if (err instanceof CustomError && err.code === 401) {\n          clearAuth();\n          setUserState?.({ username: null, token: null });\n          return;\n        }\n        if (\n          err instanceof CustomError &&\n          err.code === 400 &&\n          err.message === 'invalid old password'\n        ) {\n          setError(\n            'oldPassword',\n            {\n              type: 'server',\n              message: 'security.changePassword.invalidOldPassword',\n            },\n            { shouldFocus: true }\n          );\n          return;\n        }\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, setUserState, navigate, t]\n  );\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}

package/build/sections/Security/ChangePassword.mjs

@@ -1,11 +1,16 @@
 import { APIRoute, Route as Route$1 } from "../../utils/routes.mjs";
 import "../../utils/index.mjs";
+import { clearAuth } from "../../store/storage.mjs";
+import { CustomError } from "../../store/api.mjs";
 import { getConfiguration } from "../../configuration.mjs";
 import { stripTrailingSlash } from "../../store/utils.mjs";
 import { useDataMutation } from "../../api/use-data-mutation.mjs";
 import { authErrorMessage } from "../../providers/AuthProvider/utils.mjs";
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
+import "../../providers/AuthProvider/index.mjs";
 import LoginDialogFormError from "../../components/LoginDialog/LoginDialogFormError.mjs";
 import { changePasswordSchema } from "../../utils/schemas.mjs";
+import LoginDialog from "../../components/LoginDialog/LoginDialog.mjs";
 import SecurityLayout from "../../layouts/Security/Dialog.mjs";
 import { SecurityContainer, SecurityForm, SecurityTextField } from "./styles.mjs";
 import { MessageType } from "./Success.mjs";
@@ -20,13 +25,27 @@ import { useForm } from "react-hook-form";
 var ChangePassword = () => {
 	const { t } = useTranslation();
 	const navigate = useNavigate();
-	const configuration = getConfiguration();
-	const basePath = stripTrailingSlash(configuration.base);
-	const changePasswordEnabled = configuration?.flags?.changePassword;
+	const changePasswordEnabled = getConfiguration()?.flags?.changePassword;
+	const { userState } = useAuth();
+	useEffect(() => {
+		if (!changePasswordEnabled) navigate("/");
+	}, [changePasswordEnabled, navigate]);
+	if (!changePasswordEnabled) return null;
+	if (!userState?.token) return /* @__PURE__ */ jsx(LoginDialog, {
+		message: t("security.changePassword.loginRequired"),
+		onClose: () => navigate(Route$1.ROOT),
+		open: true
+	});
+	return /* @__PURE__ */ jsx(ChangePasswordForm, {});
+};
+var ChangePasswordForm = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { setUserState } = useAuth();
+	const basePath = stripTrailingSlash(getConfiguration().base);
 	const { setError, handleSubmit, register, formState: { isValid, isSubmitting, errors } } = useForm({
 		mode: "onChange",
 		defaultValues: {
-			username: "",
 			oldPassword: "",
 			newPassword: "",
 			confirmPassword: ""
@@ -48,6 +67,21 @@ var ChangePassword = () => {
 			} });
 			navigate(`${Route$1.SUCCESS}?messageType=${MessageType.ChangePassword}`);
 		} catch (err) {
+			if (err instanceof CustomError && err.code === 401) {
+				clearAuth();
+				setUserState?.({
+					username: null,
+					token: null
+				});
+				return;
+			}
+			if (err instanceof CustomError && err.code === 400 && err.message === "invalid old password") {
+				setError("oldPassword", {
+					type: "server",
+					message: "security.changePassword.invalidOldPassword"
+				}, { shouldFocus: true });
+				return;
+			}
 			setError("root", {
 				type: "server",
 				message: authErrorMessage(err, t("security.error.unable-to-change-password"))
@@ -58,13 +92,11 @@ var ChangePassword = () => {
 	}, [
 		handleChangePassword,
 		setError,
+		setUserState,
 		navigate,
 		t
 	]);
-	useEffect(() => {
-		if (!changePasswordEnabled) navigate("/");
-	}, [changePasswordEnabled, navigate]);
-	return changePasswordEnabled ? /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
+	return /* @__PURE__ */ jsx(SecurityLayout, { children: /* @__PURE__ */ jsx(SecurityContainer, { children: /* @__PURE__ */ jsxs(SecurityForm, {
 		onSubmit: handleSubmit(onSubmit),
 		children: [
 			/* @__PURE__ */ jsx(Typography, {
@@ -74,13 +106,6 @@ var ChangePassword = () => {
 				variant: "h4",
 				children: t("security.changePassword.title")
 			}),
-			/* @__PURE__ */ jsx(SecurityTextField, {
-				error: !!errors.username,
-				helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
-				label: t("security.changePassword.username"),
-				...register("username"),
-				required: true
-			}),
 			/* @__PURE__ */ jsx(SecurityTextField, {
 				error: !!errors.oldPassword,
 				helperText: errors.oldPassword?.message ? t(errors.oldPassword.message, { length: 2 }) : void 0,
@@ -116,7 +141,7 @@ var ChangePassword = () => {
 				children: t("security.changePassword.submit")
 			})
 		]
-	}) }) }) : null;
+	}) }) });
 };
 //#endregion
 export { ChangePassword as default };

package/build/sections/Security/ChangePassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePassword.mjs","names":[],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport {\n  PASSWORD_MIN_LENGTH,\n  USERNAME_MIN_LENGTH,\n  changePasswordSchema,\n} from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: '',\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, navigate, t]\n  );\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  return changePasswordEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.username}\n            helperText={\n              errors.username?.message\n                ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.username')}\n            {...register('username')}\n            required={true}\n          />\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}
+{"version":3,"file":"ChangePassword.mjs","names":["Route"],"sources":["../../../src/sections/Security/ChangePassword.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Typography } from '@mui/material';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialog from '../../components/LoginDialog/LoginDialog';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { CustomError } from '../../store/api';\nimport { clearAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { APIRoute } from '../../utils/routes';\nimport type { ChangePasswordFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH, changePasswordSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\n\nconst ChangePassword: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  const { userState } = useAuth();\n\n  useEffect(() => {\n    if (!changePasswordEnabled) {\n      navigate('/');\n    }\n  }, [changePasswordEnabled, navigate]);\n\n  if (!changePasswordEnabled) {\n    return null;\n  }\n\n  if (!userState?.token) {\n    return (\n      <LoginDialog\n        message={t('security.changePassword.loginRequired')}\n        onClose={() => navigate(Route.ROOT)}\n        open={true}\n      />\n    );\n  }\n\n  return <ChangePasswordForm />;\n};\n\nconst ChangePasswordForm: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  const form = useForm<ChangePasswordFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      oldPassword: '',\n      newPassword: '',\n      confirmPassword: '',\n    },\n    resolver: yupResolver(changePasswordSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const { trigger } = useDataMutation<{ ok: string }>(basePath, APIRoute.RESET_PASSWORD, 'PUT');\n\n  const handleChangePassword = useCallback(\n    async (body: { password: { old: string; new: string } }) => {\n      await trigger(body);\n    },\n    [trigger]\n  );\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: ChangePasswordFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        await handleChangePassword({\n          password: {\n            old: data.oldPassword,\n            new: data.newPassword,\n          },\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.ChangePassword}`);\n      } catch (err) {\n        if (err instanceof CustomError && err.code === 401) {\n          clearAuth();\n          setUserState?.({ username: null, token: null });\n          return;\n        }\n        if (\n          err instanceof CustomError &&\n          err.code === 400 &&\n          err.message === 'invalid old password'\n        ) {\n          setError(\n            'oldPassword',\n            {\n              type: 'server',\n              message: 'security.changePassword.invalidOldPassword',\n            },\n            { shouldFocus: true }\n          );\n          return;\n        }\n        setError('root', {\n          type: 'server',\n          message: authErrorMessage(err, t('security.error.unable-to-change-password')),\n        });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleChangePassword, setError, setUserState, navigate, t]\n  );\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.changePassword.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!errors.oldPassword}\n            helperText={\n              errors.oldPassword?.message\n                ? t(errors.oldPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.oldPassword')}\n            {...register('oldPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.newPassword}\n            helperText={\n              errors.newPassword?.message\n                ? t(errors.newPassword.message, { length: PASSWORD_MIN_LENGTH })\n                : undefined\n            }\n            label={t('security.changePassword.newPassword')}\n            {...register('newPassword')}\n            required={true}\n            type=\"password\"\n          />\n          <SecurityTextField\n            error={!!errors.confirmPassword}\n            helperText={\n              errors.confirmPassword?.message ? t(errors.confirmPassword.message) : undefined\n            }\n            label={t('security.changePassword.confirmPassword')}\n            {...register('confirmPassword')}\n            required={true}\n            type=\"password\"\n          />\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid || isSubmitting}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.changePassword.submit')}\n          </Button>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default ChangePassword;\n"],"mappings":"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"}

package/build/sections/Security/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":[],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        onSuccess();\n      } catch (err: any) {\n        // only a 401 means wrong credentials; a dead server, 500 or 429 must\n        // not claim the credentials were invalid\n        const message =\n          err?.code === 401\n            ? t('security.error.invalid-credentials')\n            : authErrorMessage(err, t('security.error.unable-to-login'));\n        setError('root', { type: 'server', message });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleLogin, setError, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":"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"}
+{"version":3,"file":"Login.js","names":["getConfiguration","stripTrailingSlash","useTranslation","useLocation","useNavigate","useAuth","getSecurityUrlParams","Route","useDataMutation","useForm","yupResolver","loginSchema","useCallback","MessageType","useRef","authErrorMessage","NotFound","SecurityLayout","SecurityContainer","SecurityForm","LoginFormHeader","LoginForm","Typography","Link","RouterLink"],"sources":["../../../src/sections/Security/Login.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Link, Typography } from '@mui/material';\nimport React, { useCallback, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink, useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport type { LoginFormValues } from '../../components/LoginForm/Login';\nimport LoginForm from '../../components/LoginForm/Login';\nimport LoginFormHeader from '../../components/LoginForm/styles';\nimport NotFound from '../../components/NotFound';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { useAuth } from '../../providers/AuthProvider/AuthProvider';\nimport type { LoginBody } from '../../providers/AuthProvider/types';\nimport { authErrorMessage } from '../../providers/AuthProvider/utils';\nimport { saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport { loginSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst Login: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { setUserState } = useAuth();\n  const { next } = getSecurityUrlParams(location);\n  const createUserEnabled = configuration?.flags?.createUser;\n  const addUserLink = Route.ADD_USER + (next ? '?next=' + next : '');\n\n  const { trigger } = useDataMutation<LoginBody>(basePath, next, 'POST');\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    formState: { isValid, isSubmitting, errors },\n  } = form;\n\n  const handleLogin = useCallback(\n    async (body: { username: string; password: string }) => {\n      return await trigger(body);\n    },\n    [trigger]\n  );\n\n  const onSuccess = useCallback(() => {\n    navigate(`${Route.SUCCESS}?messageType=${MessageType.Login}`);\n  }, [navigate]);\n\n  // `disabled={isSubmitting}` only applies after a re-render; clicks landing in\n  // the same React batch would still fire duplicate requests\n  const inFlight = useRef(false);\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      if (inFlight.current) {\n        return;\n      }\n      inFlight.current = true;\n      try {\n        const result = await handleLogin?.(data);\n        if (!result || !result.username || !result.token) {\n          // a 2xx with an unexpected body must not pass as a successful login\n          throw new Error('login response is missing the token');\n        }\n        saveAuth(result.username, result.token);\n        // AuthProvider reads storage only once, so the header needs the state update\n        setUserState?.({ username: result.username, token: result.token });\n        onSuccess();\n      } catch (err: any) {\n        // only a 401 means wrong credentials; a dead server, 500 or 429 must\n        // not claim the credentials were invalid\n        const message =\n          err?.code === 401\n            ? t('security.error.invalid-credentials')\n            : authErrorMessage(err, t('security.error.unable-to-login'));\n        setError('root', { type: 'server', message });\n      } finally {\n        inFlight.current = false;\n      }\n    },\n    [handleLogin, setError, setUserState, onSuccess, t]\n  );\n\n  return !next ? (\n    <NotFound />\n  ) : (\n    <SecurityLayout>\n      <SecurityContainer>\n        {/* container only: LoginForm renders the real <form>, and a <form>\n            cannot be a descendant of another <form> */}\n        <SecurityForm as=\"div\">\n          <LoginFormHeader />\n          <LoginForm\n            errors={errors}\n            handleSubmit={handleSubmit}\n            isSubmitting={isSubmitting}\n            isValid={isValid}\n            onSubmit={onSubmit}\n            register={register}\n          />\n          {createUserEnabled && (\n            <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n              {t('security.login.noUserQuestion')}\n              <Link component={RouterLink} sx={{ ml: 1 }} to={addUserLink}>\n                {t('security.login.createUser')}\n              </Link>\n            </Typography>\n          )}\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default Login;\n"],"mappings":"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"}