npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.19 → 5.0.0-next-9.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (312) hide show

package/build/components/Install/InstallListItem.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n backgroundColor: 'transparent',\n padding: 0,\n marginLeft: 0,\n});\n\nexport enum DependencyManager {\n NPM = 'npm',\n YARN = 'yarn',\n PNPM = 'pnpm',\n}\n\ninterface Interface {\n packageName: string;\n dependencyManager: DependencyManager;\n packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n const name = isGlobal\n ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n : packageVersion && !isLatest\n ? `${packageName}@${packageVersion}`\n : packageName;\n\n return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n packageName,\n dependencyManager,\n packageVersion,\n}) => {\n const { localSettings } = useSettings();\n // const theme: Theme = useTheme();\n const isLatest = localSettings[packageName]?.latest ?? false;\n const isGlobal = localSettings[packageName]?.global ?? false;\n switch (dependencyManager) {\n case DependencyManager.NPM:\n return (\n <InstallItem data-testid={'installListItem-npm'}>\n <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n <Npm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installNpm\"\n text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.YARN:\n return (\n <InstallItem data-testid={'installListItem-yarn'}>\n <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n <Yarn />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installYarn\"\n text={\n isGlobal\n ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n title={\n isGlobal\n ? `yarn global add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.PNPM:\n return (\n <InstallItem data-testid={'installListItem-pnpm'}>\n <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n <Pnpm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installPnpm\"\n text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n default:\n return null;\n }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,QAAQ,CAAC,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,sBAAsB,OAAO,YAAY,CAAC,CAAC;CAC/C,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,sBAAsB,OAAO,MAAM,CAAC,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,UAAA;CACA,kBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAQA,SAAgB,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,SAAS,OAAO;CAOhG,QANa,WACT,GAAG,SAAS,KAAK,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,gBAC5F,kBAAkB,CAAC,WACjB,GAAG,YAAY,GAAG,mBAClB,YAAA,CAEM,KAAK;AACnB;AAEA,IAAM,mBAAwC,EAC5C,aACA,mBACA,qBACI;CACJ,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,QAAQ,mBAAR;EACE,KAAA,OACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAAS,OAAO,MAAM;IACzD,UAAA,oBAAC,KAAD,CAAM,CAAA;GACa,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACrF,OAAO,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACvF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAAS,OAAO,MAAM;IAC1D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MACE,WACI,QAAQ,cAAc,aAAa,KAAK,SAAS,OAAO,iBACtD,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;IAExF,OACE,WACI,mBAAmB,iBACjB,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;GAEzF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAAS,OAAO,MAAM;IAC5D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACtF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACxF,CAAA,EAEJ,CAAA,CACU;;EAEjB,SACE,OAAO;CACX;AACF"}
1	+ {"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n backgroundColor: 'transparent',\n padding: 0,\n marginLeft: 0,\n});\n\nexport enum DependencyManager {\n NPM = 'npm',\n YARN = 'yarn',\n PNPM = 'pnpm',\n}\n\ninterface Interface {\n packageName: string;\n dependencyManager: DependencyManager;\n packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n const name = isGlobal\n ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n : packageVersion && !isLatest\n ? `${packageName}@${packageVersion}`\n : packageName;\n\n return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n packageName,\n dependencyManager,\n packageVersion,\n}) => {\n const { localSettings } = useSettings();\n // const theme: Theme = useTheme();\n const isLatest = localSettings[packageName]?.latest ?? false;\n const isGlobal = localSettings[packageName]?.global ?? false;\n switch (dependencyManager) {\n case DependencyManager.NPM:\n return (\n <InstallItem data-testid={'installListItem-npm'}>\n <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n <Npm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installNpm\"\n text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.YARN:\n return (\n <InstallItem data-testid={'installListItem-yarn'}>\n <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n <Yarn />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installYarn\"\n text={\n isGlobal\n ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n isLatest,\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n title={\n isGlobal\n ? `yarn global add ${getGlobalInstall(\n isLatest,\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.PNPM:\n return (\n <InstallItem data-testid={'installListItem-pnpm'}>\n <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n <Pnpm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installPnpm\"\n text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n default:\n return null;\n }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,QAAQ,CAAC,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,sBAAsB,OAAO,YAAY,CAAC,CAAC;CAC/C,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,sBAAsB,OAAO,MAAM,CAAC,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,UAAA;CACA,kBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAQA,SAAgB,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,SAAS,OAAO;CAOhG,QANa,WACT,GAAG,SAAS,KAAK,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,gBAC5F,kBAAkB,CAAC,WACjB,GAAG,YAAY,GAAG,mBAClB,YAAA,CAEM,KAAK;AACnB;AAEA,IAAM,mBAAwC,EAC5C,aACA,mBACA,qBACI;CACJ,MAAM,EAAE,kBAAkB,YAAY;CAEtC,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,MAAM,WAAW,cAAc,YAAY,EAAE,UAAU;CACvD,QAAQ,mBAAR;EACE,KAAA,OACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAAS,OAAO,MAAM;IACzD,UAAA,oBAAC,KAAD,CAAM,CAAA;GACa,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACrF,OAAO,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACvF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAAS,OAAO,MAAM;IAC1D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MACE,WACI,QAAQ,cAAc,aAAa,KAAK,SAAS,OAAO,iBACtD,UACA,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;IAExF,OACE,WACI,mBAAmB,iBACjB,UACA,UACA,gBACA,aACA,IACF,MACA,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,IAAI;GAEzF,CAAA,EAEJ,CAAA,CACU;;EAEjB,KAAA,QACE,OACE,qBAAC,aAAD;GAAa,eAAa;GAA1B,UAAA,CACE,oBAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAAS,OAAO,MAAM;IAC5D,UAAA,oBAAC,MAAD,CAAO,CAAA;GACY,CAAA,GACrB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;IACtF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,WAAW;GACxF,CAAA,EAEJ,CAAA,CACU;;EAEjB,SACE,OAAO;CACX;AACF"}

package/build/components/Keywords/KeywordListItems.js CHANGED Viewed

@@ -16,7 +16,7 @@ var KeywordListItems = ({ keywords }) => {
 			mt: 0,
 			flexWrap: "wrap"
 		},
-		children: keywordList.sort().map((keyword, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Chip.default, {
+		children: [...keywordList].sort().map((keyword, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Chip.default, {
 			label: keyword,
 			size: "small",
 			sx: {

package/build/components/Keywords/KeywordListItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeywordListItems.js","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined \| string \| string[] }> = ({ keywords }) => {\n const keywordList =\n typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n if (!keywordList) {\n return null;\n }\n\n return (\n <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n {keywordList.sort().map((keyword, index) => (\n <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n ))}\n </ListItem>\n );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAA,SAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,~~YAAY~~,KAAK,CAAC,CAAC,KAAK,SAAS,~~UAChC~~,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}
1	+ {"version":3,"file":"KeywordListItems.js","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined \| string \| string[] }> = ({ keywords }) => {\n const keywordList =\n typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n if (!keywordList) {\n return null;\n }\n\n return (\n <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n {[...keywordList].sort().map((keyword, index) => (\n <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n ))}\n </ListItem>\n );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAA,SAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,SAAS,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}

package/build/components/Keywords/KeywordListItems.mjs CHANGED Viewed

@@ -12,7 +12,7 @@ var KeywordListItems = ({ keywords }) => {
 			mt: 0,
 			flexWrap: "wrap"
 		},
-		children: keywordList.sort().map((keyword, index) => /* @__PURE__ */ jsx(Chip, {
+		children: [...keywordList].sort().map((keyword, index) => /* @__PURE__ */ jsx(Chip, {
 			label: keyword,
 			size: "small",
 			sx: {

package/build/components/Keywords/KeywordListItems.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeywordListItems.mjs","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined \| string \| string[] }> = ({ keywords }) => {\n const keywordList =\n typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n if (!keywordList) {\n return null;\n }\n\n return (\n <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n {keywordList.sort().map((keyword, index) => (\n <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n ))}\n </ListItem>\n );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,oBAAC,UAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,~~YAAY~~,KAAK,CAAC,CAAC,KAAK,SAAS,~~UAChC~~,oBAAC,MAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}
1	+ {"version":3,"file":"KeywordListItems.mjs","names":[],"sources":["../../../src/components/Keywords/KeywordListItems.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip';\nimport ListItem from '@mui/material/ListItem';\nimport React from 'react';\n\nconst KeywordListItems: React.FC<{ keywords: undefined \| string \| string[] }> = ({ keywords }) => {\n const keywordList =\n typeof keywords === 'string' ? keywords.replace(/,/g, ' ').split(' ') : keywords;\n\n if (!keywordList) {\n return null;\n }\n\n return (\n <ListItem sx={{ px: 0, mt: 0, flexWrap: 'wrap' }}>\n {[...keywordList].sort().map((keyword, index) => (\n <Chip key={index} label={keyword} size=\"small\" sx={{ mt: 0.5, mr: 0.5 }} />\n ))}\n </ListItem>\n );\n};\n\nexport default KeywordListItems;\n"],"mappings":";;;;;AAIA,IAAM,oBAA2E,EAAE,eAAe;CAChG,MAAM,cACJ,OAAO,aAAa,WAAW,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI;CAE1E,IAAI,CAAC,aACH,OAAO;CAGT,OACE,oBAAC,UAAD;EAAU,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG,UAAU;EAAO;EAC5C,UAAA,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,SAAS,UACrC,oBAAC,MAAD;GAAkB,OAAO;GAAS,MAAK;GAAQ,IAAI;IAAE,IAAI;IAAK,IAAI;GAAI;EAAI,GAA/D,KAA+D,CAC3E;CACO,CAAA;AAEd"}

package/build/components/Keywords/Keywords.js CHANGED Viewed

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_KeywordListItems = require("./KeywordListItems.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_styles = require("@mui/material/styles");
-let react_i18next = require("react-i18next");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
 let _mui_material_Typography = require("@mui/material/Typography");
@@ -13,7 +13,7 @@ _mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 var Keywords = ({ packageMeta }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const theme = (0, _mui_material_styles.useTheme)();
-	if (!packageMeta?.latest?.keywords) return null;
+	if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_List.default, {
 		"data-testid": "keyword-list",
 		subheader: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {

package/build/components/Keywords/Keywords.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Keywords.js","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n const theme: Theme = useTheme();\n\n if (!packageMeta?.latest?.keywords) {\n return null;\n }\n\n return (\n <List\n data-testid=\"keyword-list\"\n subheader={\n <Typography\n sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n variant=\"subtitle1\"\n >\n {t('sidebar.keywords.title')}\n </Typography>\n }\n >\n <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n </List>\n );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,SAAA,GAAe,qBAAA,SAAA,CAAS;~~CAE9B~~,IAAI,CAAC,aAAa,QAAQ,~~UACxB~~,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,eAAY;EACZ,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}
1	+ {"version":3,"file":"Keywords.js","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n const theme: Theme = useTheme();\n\n // `keywords: []` is very common in real manifests and must not paint an\n // empty \"Keywords\" section\n if (!packageMeta?.latest?.keywords \|\| packageMeta.latest.keywords.length === 0) {\n return null;\n }\n\n return (\n <List\n data-testid=\"keyword-list\"\n subheader={\n <Typography\n sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n variant=\"subtitle1\"\n >\n {t('sidebar.keywords.title')}\n </Typography>\n }\n >\n <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n </List>\n );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,SAAA,GAAe,qBAAA,SAAA,CAAS;CAI9B,IAAI,CAAC,aAAa,QAAQ,YAAY,YAAY,OAAO,SAAS,WAAW,GAC3E,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,eAAY;EACZ,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}

package/build/components/Keywords/Keywords.mjs CHANGED Viewed

@@ -1,15 +1,15 @@
 import KeywordListItems from "./KeywordListItems.mjs";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
-import { useTranslation } from "react-i18next";
 import List from "@mui/material/List";
 import Typography from "@mui/material/Typography";
 //#region src/components/Keywords/Keywords.tsx
 var Keywords = ({ packageMeta }) => {
 	const { t } = useTranslation();
 	const theme = useTheme();
-	if (!packageMeta?.latest?.keywords) return null;
+	if (!packageMeta?.latest?.keywords || packageMeta.latest.keywords.length === 0) return null;
 	return /* @__PURE__ */ jsx(List, {
 		"data-testid": "keyword-list",
 		subheader: /* @__PURE__ */ jsx(Typography, {

package/build/components/Keywords/Keywords.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n const theme: Theme = useTheme();\n\n if (!packageMeta?.latest?.keywords) {\n return null;\n }\n\n return (\n <List\n data-testid=\"keyword-list\"\n subheader={\n <Typography\n sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n variant=\"subtitle1\"\n >\n {t('sidebar.keywords.title')}\n </Typography>\n }\n >\n <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n </List>\n );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QAAe,SAAS;~~CAE9B~~,IAAI,CAAC,aAAa,QAAQ,~~UACxB~~,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,YAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}
1	+ {"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n const theme: Theme = useTheme();\n\n // `keywords: []` is very common in real manifests and must not paint an\n // empty \"Keywords\" section\n if (!packageMeta?.latest?.keywords \|\| packageMeta.latest.keywords.length === 0) {\n return null;\n }\n\n return (\n <List\n data-testid=\"keyword-list\"\n subheader={\n <Typography\n sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n variant=\"subtitle1\"\n >\n {t('sidebar.keywords.title')}\n </Typography>\n }\n >\n <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n </List>\n );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QAAe,SAAS;CAI9B,IAAI,CAAC,aAAa,QAAQ,YAAY,YAAY,OAAO,SAAS,WAAW,GAC3E,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,YAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;GAAa;GACrE,SAAQ;GAEP,UAAA,EAAE,wBAAwB;EACjB,CAAA;EAGd,UAAA,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,SAAW,CAAA;CACxD,CAAA;AAEV"}

package/build/components/LoginDialog/LoginDialogCloseButton.js CHANGED Viewed

@@ -5,12 +5,12 @@ let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_icons_material_Close = require("@mui/icons-material/Close");
 _mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
 let _mui_material_DialogTitle = require("@mui/material/DialogTitle");
 _mui_material_DialogTitle = require_runtime.__toESM(_mui_material_DialogTitle);
-let react_i18next = require("react-i18next");
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = (0, _emotion_styled.default)(_mui_material_IconButton.default)(({ theme }) => ({
 	position: "absolute",

package/build/components/LoginDialog/LoginDialogCloseButton.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
 import styled from "@emotion/styled";
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
 import CloseIcon from "@mui/icons-material/Close";
 import DialogTitle from "@mui/material/DialogTitle";
-import { useTranslation } from "react-i18next";
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = styled(IconButton)(({ theme }) => ({
 	position: "absolute",

package/build/components/LoginDialog/LoginDialogForm.js CHANGED Viewed

@@ -6,10 +6,11 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/LoginDialog/LoginDialogForm.tsx
 var LoginDialogForm = () => {
-	const { register, handleSubmit, formState: { isValid, errors }, onSubmit } = require_useLoginForm.useLoginForm();
+	const { register, handleSubmit, formState: { isValid, isSubmitting, errors }, onSubmit } = require_useLoginForm.useLoginForm();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Login.default, {
 		errors,
 		handleSubmit,
+		isSubmitting,
 		isValid,
 		onSubmit,
 		register

package/build/components/LoginDialog/LoginDialogForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginDialogForm.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n const {\n register,\n handleSubmit,\n formState: { isValid, errors },\n onSubmit,\n } = useLoginForm();\n return (\n <LoginForm\n errors={errors}\n handleSubmit={handleSubmit}\n isValid={isValid}\n onSubmit={onSubmit}\n register={register}\n />\n );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,~~UACtB~~,aACE,qBAAA,aAAa;CACjB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,SAAD;EACU;EACM;EACL;EACC;EACA;CACX,CAAA;AAEL"}
1	+ {"version":3,"file":"LoginDialogForm.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n const {\n register,\n handleSubmit,\n formState: { isValid, isSubmitting, errors },\n onSubmit,\n } = useLoginForm();\n return (\n <LoginForm\n errors={errors}\n handleSubmit={handleSubmit}\n isSubmitting={isSubmitting}\n isValid={isValid}\n onSubmit={onSubmit}\n register={register}\n />\n );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,cAAc,UACpC,aACE,qBAAA,aAAa;CACjB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,SAAD;EACU;EACM;EACA;EACL;EACC;EACA;CACX,CAAA;AAEL"}

package/build/components/LoginDialog/LoginDialogForm.mjs CHANGED Viewed

@@ -4,10 +4,11 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/LoginDialog/LoginDialogForm.tsx
 var LoginDialogForm = () => {
-	const { register, handleSubmit, formState: { isValid, errors }, onSubmit } = useLoginForm();
+	const { register, handleSubmit, formState: { isValid, isSubmitting, errors }, onSubmit } = useLoginForm();
 	return /* @__PURE__ */ jsx(LoginForm, {
 		errors,
 		handleSubmit,
+		isSubmitting,
 		isValid,
 		onSubmit,
 		register

package/build/components/LoginDialog/LoginDialogForm.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginDialogForm.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n const {\n register,\n handleSubmit,\n formState: { isValid, errors },\n onSubmit,\n } = useLoginForm();\n return (\n <LoginForm\n errors={errors}\n handleSubmit={handleSubmit}\n isValid={isValid}\n onSubmit={onSubmit}\n register={register}\n />\n );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,~~UACtB~~,aACE,aAAa;CACjB,OACE,oBAAC,WAAD;EACU;EACM;EACL;EACC;EACA;CACX,CAAA;AAEL"}
1	+ {"version":3,"file":"LoginDialogForm.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport LoginForm from '../LoginForm/Login';\nimport { useLoginForm } from '../LoginForm/useLoginForm';\n\nconst LoginDialogForm: FC = () => {\n const {\n register,\n handleSubmit,\n formState: { isValid, isSubmitting, errors },\n onSubmit,\n } = useLoginForm();\n return (\n <LoginForm\n errors={errors}\n handleSubmit={handleSubmit}\n isSubmitting={isSubmitting}\n isValid={isValid}\n onSubmit={onSubmit}\n register={register}\n />\n );\n};\n\nexport default LoginDialogForm;\n"],"mappings":";;;;;AAMA,IAAM,wBAA4B;CAChC,MAAM,EACJ,UACA,cACA,WAAW,EAAE,SAAS,cAAc,UACpC,aACE,aAAa;CACjB,OACE,oBAAC,WAAD;EACU;EACM;EACA;EACL;EACC;EACA;CACX,CAAA;AAEL"}

package/build/components/LoginForm/Login.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ interface Props {
     onSubmit: (data: LoginFormValues) => void;
     errors: FieldErrors<LoginFormValues>;
     isValid: boolean;
+    isSubmitting?: boolean;
 }
 declare const LoginForm: FC<Props>;
 export default LoginForm;

package/build/components/LoginForm/Login.js CHANGED Viewed

@@ -9,8 +9,9 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
 let _mui_material_Link = require("@mui/material/Link");
 _mui_material_Link = require_runtime.__toESM(_mui_material_Link);
 let _mui_material_Typography = require("@mui/material/Typography");
@@ -20,7 +21,7 @@ _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = (0, _emotion_styled.default)("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
 var StyledButton = (0, _emotion_styled.default)(_mui_material_Button.default)(({ theme }) => ({ margin: theme.spacing(3, 0, 2) }));
-var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
+var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid, isSubmitting = false }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const changePasswordEnabled = require_configuration.getConfiguration()?.flags?.changePassword;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledForm, {
@@ -39,7 +40,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledButton, {
 				color: "primary",
 				"data-testid": "login-dialog-form-login-button",
-				disabled: !isValid,
+				disabled: !isValid || isSubmitting,
 				fullWidth: true,
 				id: "login--dialog-button-submit",
 				size: "large",
@@ -55,8 +56,9 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 				},
 				variant: "body2",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Link.default, {
-					href: require_routes.Route.CHANGE_PASSWORD,
+					component: react_router.Link,
 					sx: { ml: 1 },
+					to: require_routes.Route.CHANGE_PASSWORD,
 					children: t("security.changePassword.title")
 				})
 			})

package/build/components/LoginForm/Login.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.js","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n disabled={!isValid}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link ~~href~~={~~Route.CHANGE_PASSWORD~~} sx={{ ml: 1 }}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AAgBA~~,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,gBAAA,GAAe,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;~~AAeF~~,IAAM,aAAwB,~~EAAE~~,~~UAAU~~,~~cAAc~~,~~UAAU~~,~~QAAQ~~,~~cAAc~~;~~CACtF~~,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,wBADgB,sBAAA,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAA,SAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IACE,OAAM;IACN,eAAY;~~IACZ~~,UAAU,CAAC;~~IACX~~,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;KAAM,~~MAAM~~,~~eAAA,MAAM~~;~~KAAiB~~,IAAI,EAAE,IAAI,EAAE;~~KAC5C~~,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}
1	+ {"version":3,"file":"Login.js","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n isSubmitting?: boolean;\n}\n\nconst LoginForm: FC<Props> = ({\n register,\n handleSubmit,\n onSubmit,\n errors,\n isValid,\n isSubmitting = false,\n}) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n // disable while the request is in flight: a double click means a double\n // POST, which can even trip the login rate limit\n disabled={!isValid \|\| isSubmitting}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link component={RouterLink} sx={{ ml: 1 }} to={Route.CHANGE_PASSWORD}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,gBAAA,GAAe,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAgBF,IAAM,aAAwB,EAC5B,UACA,cACA,UACA,QACA,SACA,eAAe,YACX;CACJ,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,MAAM,wBADgB,sBAAA,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAA,SAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IACE,OAAM;IACN,eAAY;IAGZ,UAAU,CAAC,WAAW;IACtB,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;KAAM,WAAW,aAAA;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI,eAAA,MAAM;KACnD,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}

package/build/components/LoginForm/Login.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Route } from "../../utils/routes.mjs";
+import { Route as Route$1 } from "../../utils/routes.mjs";
 import "../../utils/index.mjs";
 import { getConfiguration } from "../../configuration.mjs";
 import LoginDialogFormError from "../LoginDialog/LoginDialogFormError.mjs";
@@ -6,15 +6,16 @@ import PasswordField from "./PasswordField.mjs";
 import UsernameField from "./UsernameField.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Link from "@mui/material/Link";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router";
+import Link$1 from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = styled("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
 var StyledButton = styled(Button)(({ theme }) => ({ margin: theme.spacing(3, 0, 2) }));
-var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
+var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid, isSubmitting = false }) => {
 	const { t } = useTranslation();
 	const changePasswordEnabled = getConfiguration()?.flags?.changePassword;
 	return /* @__PURE__ */ jsxs(StyledForm, {
@@ -33,7 +34,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 			/* @__PURE__ */ jsx(StyledButton, {
 				color: "primary",
 				"data-testid": "login-dialog-form-login-button",
-				disabled: !isValid,
+				disabled: !isValid || isSubmitting,
 				fullWidth: true,
 				id: "login--dialog-button-submit",
 				size: "large",
@@ -48,9 +49,10 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 					fontSize: 12
 				},
 				variant: "body2",
-				children: /* @__PURE__ */ jsx(Link, {
-					href: Route.CHANGE_PASSWORD,
+				children: /* @__PURE__ */ jsx(Link$1, {
+					component: Link,
 					sx: { ml: 1 },
+					to: Route$1.CHANGE_PASSWORD,
 					children: t("security.changePassword.title")
 				})
 			})

package/build/components/LoginForm/Login.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n disabled={!isValid}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link ~~href~~={~~Route.CHANGE_PASSWORD~~} sx={{ ml: 1 }}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":"~~;;;;;;;;;;;;;;AAgBA~~,IAAM,aAAa,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;~~AAeF~~,IAAM,aAAwB,~~EAAE~~,~~UAAU~~,~~cAAc~~,~~UAAU~~,~~QAAQ~~,~~cAAc~~;~~CACtF~~,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,wBADgB,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;~~IACZ~~,UAAU,CAAC;~~IACX~~,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,oBAAC,~~MAAD~~;KAAM,~~MAAM,MAAM~~;~~KAAiB~~,IAAI,EAAE,IAAI,EAAE;~~KAC5C~~,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}
1	+ {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Link as RouterLink } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n isSubmitting?: boolean;\n}\n\nconst LoginForm: FC<Props> = ({\n register,\n handleSubmit,\n onSubmit,\n errors,\n isValid,\n isSubmitting = false,\n}) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n // disable while the request is in flight: a double click means a double\n // POST, which can even trip the login rate limit\n disabled={!isValid \|\| isSubmitting}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link component={RouterLink} sx={{ ml: 1 }} to={Route.CHANGE_PASSWORD}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAM,aAAa,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAEF,IAAM,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,CAAC,EAC/B,EAAE;AAgBF,IAAM,aAAwB,EAC5B,UACA,cACA,UACA,QACA,SACA,eAAe,YACX;CACJ,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,wBADgB,iBACQ,CAAA,EAAe,OAAO;CAEpD,OACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,QAAQ;EAA7D,UAAA;GACE,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GACpD,oBAAC,eAAD;IAAuB;IAAkB;GAAW,CAAA;GAEnD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,KAAO,CAAA;GAE3D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IAGZ,UAAU,CAAC,WAAW;IACtB,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;IAEP,UAAA,EAAE,cAAc;GACL,CAAA;GACb,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;IAAG;IAAG,SAAQ;IAC9D,UAAA,oBAAC,QAAD;KAAM,WAAW;KAAY,IAAI,EAAE,IAAI,EAAE;KAAG,IAAI,QAAM;KACnD,UAAA,EAAE,+BAA+B;IAC9B,CAAA;GACI,CAAA;EAEJ;;AAEhB"}

package/build/components/LoginForm/PasswordField.js CHANGED Viewed

@@ -1,10 +1,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+require("../../utils/schemas.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_TextField = require("@mui/material/TextField");
 _mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/PasswordField.tsx
@@ -15,12 +16,9 @@ var PasswordField = ({ register, errors }) => {
 		autoComplete: "current-password",
 		error: !!errors.password,
 		fullWidth: true,
-		helperText: errors.password?.message,
+		helperText: errors.password?.message ? t(errors.password.message, { length: 2 }) : void 0,
 		id: "login--dialog-password",
-		...register("password", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("password"),
 		"data-testid": "password",
 		label: t("form.password"),
 		placeholder: t("form-placeholder.password"),

package/build/components/LoginForm/PasswordField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordField.js","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"current-password\"\n error={!!errors.password}\n fullWidth={true}\n helperText={errors.password?.message}\n id=\"login--dialog-password\"\n {...register('password'~~, {\n required: { value: true, message: t('form-validation.required-field'~~) }~~,\n })}~~\n data-testid=\"password\"\n label={t('form.password')}\n placeholder={t('form-placeholder.password')}\n required={true}\n type=\"password\"\n variant=\"outlined\"\n />\n );\n};\n\nexport default PasswordField;\n"],"mappings":"~~;;;;;;;;;;AAUA~~,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;~~EACX~~,~~YAAY~~,OAAO,UAAU~~;EAC7B~~,~~IAAG;EACH~~,~~GAAI~~,SAAS,~~YAAY~~,~~EACvB~~,~~UAAU;GAAE~~,~~OAAO;GAAM~~,~~SAAS~~,~~EAAE~~,~~gCAAgC~~;~~EAAE~~,~~EACxE~~,~~CAAC~~;~~EACD~~,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}
1	+ {"version":3,"file":"PasswordField.js","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"current-password\"\n error={!!errors.password}\n fullWidth={true}\n // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n helperText={\n errors.password?.message\n ? t(errors.password.message, { length: PASSWORD_MIN_LENGTH })\n : undefined\n }\n id=\"login--dialog-password\"\n {...register('password')}\n data-testid=\"password\"\n label={t('form.password')}\n placeholder={t('form-placeholder.password')}\n required={true}\n type=\"password\"\n variant=\"outlined\"\n />\n );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/PasswordField.mjs CHANGED Viewed

@@ -1,7 +1,8 @@
+import "../../utils/schemas.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 import TextField from "@mui/material/TextField";
 //#region src/components/LoginForm/PasswordField.tsx
 var StyledTextField = styled(TextField)(({ theme }) => ({ marginTop: theme.spacing(2) }));
@@ -11,12 +12,9 @@ var PasswordField = ({ register, errors }) => {
 		autoComplete: "current-password",
 		error: !!errors.password,
 		fullWidth: true,
-		helperText: errors.password?.message,
+		helperText: errors.password?.message ? t(errors.password.message, { length: 2 }) : void 0,
 		id: "login--dialog-password",
-		...register("password", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("password"),
 		"data-testid": "password",
 		label: t("form.password"),
 		placeholder: t("form-placeholder.password"),

package/build/components/LoginForm/PasswordField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordField.mjs","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"current-password\"\n error={!!errors.password}\n fullWidth={true}\n helperText={errors.password?.message}\n id=\"login--dialog-password\"\n {...register('password'~~, {\n required: { value: true, message: t('form-validation.required-field'~~) }~~,\n })}~~\n data-testid=\"password\"\n label={t('form.password')}\n placeholder={t('form-placeholder.password')}\n required={true}\n type=\"password\"\n variant=\"outlined\"\n />\n );\n};\n\nexport default PasswordField;\n"],"mappings":"~~;;;;;;AAUA~~,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;~~EACX~~,~~YAAY~~,OAAO,UAAU~~;EAC7B~~,~~IAAG;EACH~~,~~GAAI~~,SAAS,~~YAAY~~,~~EACvB~~,~~UAAU;GAAE~~,~~OAAO;GAAM~~,~~SAAS~~,~~EAAE~~,~~gCAAgC~~;~~EAAE~~,~~EACxE~~,~~CAAC~~;~~EACD~~,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}
1	+ {"version":3,"file":"PasswordField.mjs","names":[],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { PASSWORD_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"current-password\"\n error={!!errors.password}\n fullWidth={true}\n // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n helperText={\n errors.password?.message\n ? t(errors.password.message, { length: PASSWORD_MIN_LENGTH })\n : undefined\n }\n id=\"login--dialog-password\"\n {...register('password')}\n data-testid=\"password\"\n label={t('form.password')}\n placeholder={t('form-placeholder.password')}\n required={true}\n type=\"password\"\n variant=\"outlined\"\n />\n );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;AAWA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,eAAY;EACZ,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,MAAK;EACL,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/UsernameField.js CHANGED Viewed

@@ -1,10 +1,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+require("../../utils/schemas.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_TextField = require("@mui/material/TextField");
 _mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/UsernameField.tsx
@@ -15,12 +16,9 @@ var UsernameField = ({ register, errors }) => {
 		autoComplete: "username",
 		error: !!errors.username,
 		fullWidth: true,
-		helperText: errors.username?.message,
+		helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
 		id: "login--dialog-username",
-		...register("username", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("username"),
 		label: t("form.username"),
 		placeholder: t("form-placeholder.username"),
 		required: true,

package/build/components/LoginForm/UsernameField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsernameField.js","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"username\"\n error={!!errors.username}\n fullWidth={true}\n helperText={errors.username?.message}\n id=\"login--dialog-username\"\n {...register('username'~~, {\n required: { value: true, message: t('form-validation.required-field'~~) }~~,\n })}~~\n label={t('form.username')}\n placeholder={t('form-placeholder.username')}\n required={true}\n variant=\"outlined\"\n />\n );\n};\n\nexport default UsernameField;\n"],"mappings":"~~;;;;;;;;;;AAUA~~,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;~~EACX~~,~~YAAY~~,OAAO,UAAU~~;EAC7B~~,~~IAAG;EACH~~,~~GAAI~~,SAAS,~~YAAY~~,~~EACvB~~,~~UAAU;GAAE~~,~~OAAO;GAAM~~,~~SAAS~~,~~EAAE~~,~~gCAAgC~~;~~EAAE~~,~~EACxE~~,~~CAAC~~;~~EACD~~,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}
1	+ {"version":3,"file":"UsernameField.js","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { USERNAME_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"username\"\n error={!!errors.username}\n fullWidth={true}\n // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n helperText={\n errors.username?.message\n ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n : undefined\n }\n id=\"login--dialog-username\"\n {...register('username')}\n label={t('form.username')}\n placeholder={t('form-placeholder.username')}\n required={true}\n variant=\"outlined\"\n />\n );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,mBAAA,GAAkB,gBAAA,QAAA,CAAO,wBAAA,OAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/UsernameField.mjs CHANGED Viewed

@@ -1,7 +1,8 @@
+import "../../utils/schemas.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 import TextField from "@mui/material/TextField";
 //#region src/components/LoginForm/UsernameField.tsx
 var StyledTextField = styled(TextField)(({ theme }) => ({ marginTop: theme.spacing(2) }));
@@ -11,12 +12,9 @@ var UsernameField = ({ register, errors }) => {
 		autoComplete: "username",
 		error: !!errors.username,
 		fullWidth: true,
-		helperText: errors.username?.message,
+		helperText: errors.username?.message ? t(errors.username.message, { length: 2 }) : void 0,
 		id: "login--dialog-username",
-		...register("username", { required: {
-			value: true,
-			message: t("form-validation.required-field")
-		} }),
+		...register("username"),
 		label: t("form.username"),
 		placeholder: t("form-placeholder.username"),
 		required: true,

package/build/components/LoginForm/UsernameField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsernameField.mjs","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"username\"\n error={!!errors.username}\n fullWidth={true}\n helperText={errors.username?.message}\n id=\"login--dialog-username\"\n {...register('username'~~, {\n required: { value: true, message: t('form-validation.required-field'~~) }~~,\n })}~~\n label={t('form.username')}\n placeholder={t('form-placeholder.username')}\n required={true}\n variant=\"outlined\"\n />\n );\n};\n\nexport default UsernameField;\n"],"mappings":"~~;;;;;;AAUA~~,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;~~EACX~~,~~YAAY~~,OAAO,UAAU~~;EAC7B~~,~~IAAG;EACH~~,~~GAAI~~,SAAS,~~YAAY~~,~~EACvB~~,~~UAAU;GAAE~~,~~OAAO;GAAM~~,~~SAAS~~,~~EAAE~~,~~gCAAgC~~;~~EAAE~~,~~EACxE~~,~~CAAC~~;~~EACD~~,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}
1	+ {"version":3,"file":"UsernameField.mjs","names":[],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\nimport { USERNAME_MIN_LENGTH } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n register: any;\n errors: FieldErrors<LoginFormValues \| AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n const { t } = useTranslation();\n\n return (\n <StyledTextField\n autoComplete=\"username\"\n error={!!errors.username}\n fullWidth={true}\n // schema messages are i18n keys (inline rules are ignored when a resolver is set)\n helperText={\n errors.username?.message\n ? t(errors.username.message, { length: USERNAME_MIN_LENGTH })\n : undefined\n }\n id=\"login--dialog-username\"\n {...register('username')}\n label={t('form.username')}\n placeholder={t('form-placeholder.username')}\n required={true}\n variant=\"outlined\"\n />\n );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;AAWA,IAAM,kBAAkB,OAAO,SAAS,CAAC,EAAqB,EAAE,aAAa,EAC3E,WAAW,MAAM,QAAQ,CAAC,EAC5B,EAAE;AAOF,IAAM,iBAA4B,EAAE,UAAU,aAAa;CACzD,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAAC,OAAO;EAChB,WAAW;EAEX,YACE,OAAO,UAAU,UACb,EAAE,OAAO,SAAS,SAAS,EAAE,QAAA,EAA4B,CAAC,IAC1D,KAAA;EAEN,IAAG;EACH,GAAI,SAAS,UAAU;EACvB,OAAO,EAAE,eAAe;EACxB,aAAa,EAAE,2BAA2B;EAC1C,UAAU;EACV,SAAQ;CACT,CAAA;AAEL"}

package/build/components/LoginForm/styles.js CHANGED Viewed

@@ -7,12 +7,12 @@ let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
 let _mui_icons_material_Close = require("@mui/icons-material/Close");
 _mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
-let react_i18next = require("react-i18next");
 let _mui_material_colors = require("@mui/material/colors");
 let _mui_material_Avatar = require("@mui/material/Avatar");
 _mui_material_Avatar = require_runtime.__toESM(_mui_material_Avatar);

package/build/components/LoginForm/styles.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import "../../index.mjs";
 import styled from "@emotion/styled";
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import CloseIcon from "@mui/icons-material/Close";
-import { useTranslation } from "react-i18next";
 import { common } from "@mui/material/colors";
 import Avatar from "@mui/material/Avatar";
 import LockOutlined from "@mui/icons-material/LockOutlined";

package/build/components/LoginForm/useLoginForm.js CHANGED Viewed

@@ -1,31 +1,41 @@
+const require_utils = require("../../providers/AuthProvider/utils.js");
 const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
 require("../../providers/AuthProvider/index.js");
 const require_schemas = require("../../utils/schemas.js");
 let react = require("react");
+let react_i18next = require("react-i18next");
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 let react_hook_form = require("react-hook-form");
 //#region src/components/LoginForm/useLoginForm.ts
 function useLoginForm({ onSuccess } = {}) {
 	const { handleLogin } = require_AuthProvider.useAuth();
+	const { t } = (0, react_i18next.useTranslation)();
 	const form = (0, react_hook_form.useForm)({
 		mode: "onChange",
 		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.loginSchema)
 	});
 	const { setError } = form;
+	const inFlight = (0, react.useRef)(false);
 	const onSubmit = (0, react.useCallback)(async (data) => {
+		if (inFlight.current) return;
+		inFlight.current = true;
 		try {
 			await handleLogin?.(data);
 			onSuccess?.();
-		} catch {
+		} catch (err) {
+			const message = err?.code === 401 ? t("security.error.invalid-credentials") : require_utils.authErrorMessage(err, t("security.error.unable-to-login"));
 			setError("root", {
 				type: "server",
-				message: "Invalid username or password"
+				message
 			});
+		} finally {
+			inFlight.current = false;
 		}
 	}, [
 		handleLogin,
 		setError,
-		onSuccess
+		onSuccess,
+		t
 	]);
 	return {
 		...form,