@strapi/i18n 5.29.0 → 5.30.1
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.
- package/dist/admin/components/BulkLocaleActionModal.js.map +1 -1
- package/dist/admin/components/BulkLocaleActionModal.mjs.map +1 -1
- package/dist/admin/components/CMHeaderActions.js +145 -13
- package/dist/admin/components/CMHeaderActions.js.map +1 -1
- package/dist/admin/components/CMHeaderActions.mjs +148 -16
- package/dist/admin/components/CMHeaderActions.mjs.map +1 -1
- package/dist/admin/components/CreateLocale.js +2 -3
- package/dist/admin/components/CreateLocale.js.map +1 -1
- package/dist/admin/components/CreateLocale.mjs +3 -4
- package/dist/admin/components/CreateLocale.mjs.map +1 -1
- package/dist/admin/components/LocaleListCell.js.map +1 -1
- package/dist/admin/components/LocaleListCell.mjs.map +1 -1
- package/dist/admin/contentManagerHooks/editView.js.map +1 -1
- package/dist/admin/contentManagerHooks/editView.mjs.map +1 -1
- package/dist/admin/hooks/useAILocalizationJobsPolling.js +110 -0
- package/dist/admin/hooks/useAILocalizationJobsPolling.js.map +1 -0
- package/dist/admin/hooks/useAILocalizationJobsPolling.mjs +89 -0
- package/dist/admin/hooks/useAILocalizationJobsPolling.mjs.map +1 -0
- package/dist/admin/hooks/useI18n.js +4 -4
- package/dist/admin/hooks/useI18n.js.map +1 -1
- package/dist/admin/hooks/useI18n.mjs +4 -4
- package/dist/admin/hooks/useI18n.mjs.map +1 -1
- package/dist/admin/pages/SettingsPage.js +1 -1
- package/dist/admin/pages/SettingsPage.js.map +1 -1
- package/dist/admin/pages/SettingsPage.mjs +1 -1
- package/dist/admin/pages/SettingsPage.mjs.map +1 -1
- package/dist/admin/services/aiLocalizationJobs.js +26 -0
- package/dist/admin/services/aiLocalizationJobs.js.map +1 -0
- package/dist/admin/services/aiLocalizationJobs.mjs +24 -0
- package/dist/admin/services/aiLocalizationJobs.mjs.map +1 -0
- package/dist/admin/services/api.js +2 -1
- package/dist/admin/services/api.js.map +1 -1
- package/dist/admin/services/api.mjs +2 -1
- package/dist/admin/services/api.mjs.map +1 -1
- package/dist/admin/services/locales.js.map +1 -1
- package/dist/admin/services/locales.mjs.map +1 -1
- package/dist/admin/services/settings.js +2 -1
- package/dist/admin/services/settings.js.map +1 -1
- package/dist/admin/services/settings.mjs +2 -1
- package/dist/admin/services/settings.mjs.map +1 -1
- package/dist/admin/src/components/CMHeaderActions.d.ts +12 -5
- package/dist/admin/src/hooks/useAILocalizationJobsPolling.d.ts +9 -0
- package/dist/admin/src/services/aiLocalizationJobs.d.ts +6 -0
- package/dist/admin/src/services/api.d.ts +1 -1
- package/dist/admin/src/services/locales.d.ts +1 -1
- package/dist/admin/src/services/relations.d.ts +1 -1
- package/dist/admin/src/services/settings.d.ts +2 -2
- package/dist/admin/translations/en.json.js +4 -1
- package/dist/admin/translations/en.json.js.map +1 -1
- package/dist/admin/translations/en.json.mjs +4 -1
- package/dist/admin/translations/en.json.mjs.map +1 -1
- package/dist/admin/utils/getTranslation.js.map +1 -1
- package/dist/admin/utils/getTranslation.mjs.map +1 -1
- package/dist/admin/utils/prefixPluginTranslations.js.map +1 -1
- package/dist/admin/utils/prefixPluginTranslations.mjs.map +1 -1
- package/dist/server/bootstrap.js +2 -0
- package/dist/server/bootstrap.js.map +1 -1
- package/dist/server/bootstrap.mjs +2 -0
- package/dist/server/bootstrap.mjs.map +1 -1
- package/dist/server/controllers/ai-localization-jobs.js +47 -0
- package/dist/server/controllers/ai-localization-jobs.js.map +1 -0
- package/dist/server/controllers/ai-localization-jobs.mjs +45 -0
- package/dist/server/controllers/ai-localization-jobs.mjs.map +1 -0
- package/dist/server/controllers/index.js +3 -1
- package/dist/server/controllers/index.js.map +1 -1
- package/dist/server/controllers/index.mjs +3 -1
- package/dist/server/controllers/index.mjs.map +1 -1
- package/dist/server/models/ai-localization-job.js +60 -0
- package/dist/server/models/ai-localization-job.js.map +1 -0
- package/dist/server/models/ai-localization-job.mjs +57 -0
- package/dist/server/models/ai-localization-job.mjs.map +1 -0
- package/dist/server/register.js +3 -1
- package/dist/server/register.js.map +1 -1
- package/dist/server/register.mjs +3 -1
- package/dist/server/register.mjs.map +1 -1
- package/dist/server/routes/admin.js +20 -0
- package/dist/server/routes/admin.js.map +1 -1
- package/dist/server/routes/admin.mjs +20 -0
- package/dist/server/routes/admin.mjs.map +1 -1
- package/dist/server/services/ai-localization-jobs.js +64 -0
- package/dist/server/services/ai-localization-jobs.js.map +1 -0
- package/dist/server/services/ai-localization-jobs.mjs +62 -0
- package/dist/server/services/ai-localization-jobs.mjs.map +1 -0
- package/dist/server/services/ai-localizations.js +245 -5
- package/dist/server/services/ai-localizations.js.map +1 -1
- package/dist/server/services/ai-localizations.mjs +245 -5
- package/dist/server/services/ai-localizations.mjs.map +1 -1
- package/dist/server/services/content-types.js.map +1 -1
- package/dist/server/services/content-types.mjs.map +1 -1
- package/dist/server/services/index.js +3 -1
- package/dist/server/services/index.js.map +1 -1
- package/dist/server/services/index.mjs +3 -1
- package/dist/server/services/index.mjs.map +1 -1
- package/dist/server/src/bootstrap.d.ts.map +1 -1
- package/dist/server/src/controllers/ai-localization-jobs.d.ts +17 -0
- package/dist/server/src/controllers/ai-localization-jobs.d.ts.map +1 -0
- package/dist/server/src/controllers/index.d.ts +6 -0
- package/dist/server/src/controllers/index.d.ts.map +1 -1
- package/dist/server/src/index.d.ts +26 -2
- package/dist/server/src/index.d.ts.map +1 -1
- package/dist/server/src/models/ai-localization-job.d.ts +5 -0
- package/dist/server/src/models/ai-localization-job.d.ts.map +1 -0
- package/dist/server/src/models/index.d.ts +5 -0
- package/dist/server/src/models/index.d.ts.map +1 -0
- package/dist/server/src/register.d.ts +1 -1
- package/dist/server/src/register.d.ts.map +1 -1
- package/dist/server/src/routes/admin.d.ts.map +1 -1
- package/dist/server/src/services/ai-localization-jobs.d.ts +26 -0
- package/dist/server/src/services/ai-localization-jobs.d.ts.map +1 -0
- package/dist/server/src/services/ai-localizations.d.ts +11 -1
- package/dist/server/src/services/ai-localizations.d.ts.map +1 -1
- package/dist/server/src/services/index.d.ts +19 -1
- package/dist/server/src/services/index.d.ts.map +1 -1
- package/dist/server/src/utils/index.d.ts +4 -0
- package/dist/server/src/utils/index.d.ts.map +1 -1
- package/dist/server/utils/index.js.map +1 -1
- package/dist/server/utils/index.mjs.map +1 -1
- package/dist/shared/contracts/ai-localization-jobs.d.ts +27 -0
- package/dist/shared/contracts/ai-localization-jobs.d.ts.map +1 -0
- package/dist/shared/contracts/shared.d.ts.map +1 -0
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkLocaleActionModal.js","sources":["../../../admin/src/components/BulkLocaleActionModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormErrors, Table, useTable } from '@strapi/admin/strapi-admin';\nimport { Box, Typography, IconButton, Flex, Tooltip, Status, Modal } from '@strapi/design-system';\nimport { Pencil, CheckCircle, CrossCircle, ArrowsCounterClockwise } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl, PrimitiveType } from 'react-intl';\nimport { Link } from 'react-router-dom';\n\nimport { Locale } from '../../../shared/contracts/locales';\nimport { getTranslation } from '../utils/getTranslation';\nimport { capitalize } from '../utils/strings';\n\nimport { LocaleStatus } from './CMHeaderActions';\n\nimport type { Modules } from '@strapi/types';\n\ntype Status = Modules.Documents.Params.PublicationStatus.Kind | 'modified';\n\n/* -------------------------------------------------------------------------------------------------\n * EntryValidationText\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EntryValidationTextProps {\n status: Status;\n validationErrors: FormErrors[string] | null;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\nconst isErrorMessageDescriptor = (object?: string | object): object is TranslationMessage => {\n return (\n typeof object === 'object' && object !== null && 'id' in object && 'defaultMessage' in object\n );\n};\n\nconst EntryValidationText = ({\n status = 'draft',\n validationErrors,\n action,\n}: EntryValidationTextProps) => {\n const { formatMessage } = useIntl();\n\n /**\n * TODO: Should this be extracted an made into a factory to recursively get\n * error messages??\n */\n const getErrorStr = (key: string, value?: FormErrors[string]): string => {\n if (typeof value === 'string') {\n return `${key}: ${value}`;\n } else if (isErrorMessageDescriptor(value)) {\n return `${key}: ${formatMessage(value)}`;\n } else if (Array.isArray(value)) {\n return value.map((v) => getErrorStr(key, v)).join(' ');\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n return Object.entries(value)\n .map(([k, v]) => getErrorStr(k, v))\n .join(' ');\n } else {\n /**\n * unlikely to happen, but we need to return something\n */\n return '';\n }\n };\n\n if (validationErrors) {\n const validationErrorsMessages = Object.entries(validationErrors)\n .map(([key, value]) => {\n return getErrorStr(key, value);\n })\n .join(' ');\n\n return (\n <Flex gap={2}>\n <CrossCircle fill=\"danger600\" />\n <Tooltip label={validationErrorsMessages}>\n <Typography\n maxWidth={'30rem'}\n textColor=\"danger600\"\n variant=\"omega\"\n fontWeight=\"semiBold\"\n ellipsis\n >\n {validationErrorsMessages}\n </Typography>\n </Tooltip>\n </Flex>\n );\n }\n\n const getStatusMessage = () => {\n if (action === 'bulk-publish') {\n if (status === 'published') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-publish.already-published',\n defaultMessage: 'Already Published',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else if (status === 'modified') {\n return {\n icon: <ArrowsCounterClockwise fill=\"alternative600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish-changes',\n defaultMessage: 'Ready to publish changes',\n }),\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish',\n defaultMessage: 'Ready to publish',\n }),\n };\n }\n } else {\n if (status === 'draft') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-unpublish.already-unpublished',\n defaultMessage: 'Already Unpublished',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-unpublish-changes',\n defaultMessage: 'Ready to unpublish',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n }\n }\n };\n\n const { icon, text, textColor = 'success600', fontWeight = 'normal' } = getStatusMessage();\n\n return (\n <Flex gap={2}>\n {icon}\n <Typography textColor={textColor} fontWeight={fontWeight}>\n {text}\n </Typography>\n </Flex>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * BulkLocaleActionModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BulkLocaleActionModalProps {\n rows: LocaleStatus[];\n headers: {\n label: string;\n name: string;\n }[];\n localesMetadata: Locale[];\n validationErrors?: FormErrors;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\nconst BulkLocaleActionModal = ({\n headers,\n rows,\n localesMetadata,\n validationErrors = {},\n action,\n}: BulkLocaleActionModalProps) => {\n const { formatMessage } = useIntl();\n\n const selectedRows = useTable<LocaleStatus[]>(\n 'BulkLocaleActionModal',\n (state) => state.selectedRows\n );\n\n const getFormattedCountMessage = () => {\n const currentStatusByLocale = rows.reduce<Record<string, string>>((acc, { locale, status }) => {\n acc[locale] = status;\n return acc;\n }, {});\n const localesWithErrors = Object.keys(validationErrors);\n\n const publishedCount = selectedRows.filter(\n ({ locale }) => currentStatusByLocale[locale] === 'published'\n ).length;\n\n const draftCount = selectedRows.filter(\n ({ locale }) =>\n (currentStatusByLocale[locale] === 'draft' ||\n currentStatusByLocale[locale] === 'modified') &&\n !localesWithErrors.includes(locale)\n ).length;\n\n const withErrorsCount = localesWithErrors.length;\n const messageId =\n action === 'bulk-publish'\n ? 'content-manager.containers.list.selectedEntriesModal.selectedCount.publish'\n : 'content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish';\n\n const defaultMessage =\n action === 'bulk-publish'\n ? '<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'\n : '<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.';\n\n return formatMessage(\n {\n id: messageId,\n defaultMessage,\n },\n {\n withErrorsCount,\n draftCount,\n publishedCount,\n b: BoldChunk,\n }\n );\n };\n\n return (\n <Modal.Body>\n <Typography>{getFormattedCountMessage()}</Typography>\n <Box marginTop={5}>\n <Table.Content>\n <Table.Head>\n <Table.HeaderCheckboxCell />\n {headers.map((head) => (\n <Table.HeaderCell key={head.name} {...head} />\n ))}\n </Table.Head>\n <Table.Body>\n {rows.map(({ locale, status }, index) => {\n const error = validationErrors?.[locale] ?? null;\n\n const statusVariant =\n status === 'draft' ? 'primary' : status === 'published' ? 'success' : 'alternative';\n\n return (\n <Table.Row key={index}>\n <Table.CheckboxCell id={locale} aria-label={`Select ${locale}`} />\n <Table.Cell>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {Array.isArray(localesMetadata)\n ? localesMetadata.find((localeEntry) => localeEntry.code === locale)?.name\n : locale}\n </Typography>\n </Table.Cell>\n <Table.Cell>\n <Box display=\"flex\">\n <Status\n display=\"flex\"\n paddingLeft=\"6px\"\n paddingRight=\"6px\"\n paddingTop=\"2px\"\n paddingBottom=\"2px\"\n size={'S'}\n variant={statusVariant}\n >\n <Typography tag=\"span\" variant=\"pi\" fontWeight=\"bold\">\n {capitalize(status)}\n </Typography>\n </Status>\n </Box>\n </Table.Cell>\n <Table.Cell>\n <EntryValidationText validationErrors={error} status={status} action={action} />\n </Table.Cell>\n <Table.Cell>\n <IconButton\n tag={Link}\n to={{\n search: stringify({ plugins: { i18n: { locale } } }),\n }}\n label={formatMessage(\n {\n id: getTranslation('Settings.list.actions.edit'),\n defaultMessage: 'Edit {name} locale',\n },\n {\n name: locale,\n }\n )}\n variant=\"ghost\"\n >\n <Pencil />\n </IconButton>\n </Table.Cell>\n </Table.Row>\n );\n })}\n </Table.Body>\n </Table.Content>\n </Box>\n </Modal.Body>\n );\n};\n\nexport { BulkLocaleActionModal };\nexport type { BulkLocaleActionModalProps };\n"],"names":["isErrorMessageDescriptor","object","EntryValidationText","status","validationErrors","action","formatMessage","useIntl","getErrorStr","key","value","Array","isArray","map","v","join","Object","entries","k","validationErrorsMessages","_jsxs","Flex","gap","_jsx","CrossCircle","fill","Tooltip","label","Typography","maxWidth","textColor","variant","fontWeight","ellipsis","getStatusMessage","icon","CheckCircle","text","id","defaultMessage","ArrowsCounterClockwise","BoldChunk","chunks","BulkLocaleActionModal","headers","rows","localesMetadata","selectedRows","useTable","state","getFormattedCountMessage","currentStatusByLocale","reduce","acc","locale","localesWithErrors","keys","publishedCount","filter","length","draftCount","includes","withErrorsCount","messageId","b","Modal","Body","Box","marginTop","Table","Content","Head","HeaderCheckboxCell","head","HeaderCell","name","index","error","statusVariant","Row","CheckboxCell","aria-label","Cell","find","localeEntry","code","display","Status","paddingLeft","paddingRight","paddingTop","paddingBottom","size","tag","capitalize","IconButton","Link","to","search","stringify","plugins","i18n","getTranslation","Pencil"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BulkLocaleActionModal.js","sources":["../../../admin/src/components/BulkLocaleActionModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormErrors, Table, useTable } from '@strapi/admin/strapi-admin';\nimport { Box, Typography, IconButton, Flex, Tooltip, Status, Modal } from '@strapi/design-system';\nimport { Pencil, CheckCircle, CrossCircle, ArrowsCounterClockwise } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl, PrimitiveType } from 'react-intl';\nimport { Link } from 'react-router-dom';\n\nimport { Locale } from '../../../shared/contracts/locales';\nimport { getTranslation } from '../utils/getTranslation';\nimport { capitalize } from '../utils/strings';\n\nimport { LocaleStatus } from './CMHeaderActions';\n\nimport type { Modules } from '@strapi/types';\n\ntype Status = Modules.Documents.Params.PublicationStatus.Kind | 'modified';\n\n/* -------------------------------------------------------------------------------------------------\n * EntryValidationText\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EntryValidationTextProps {\n status: Status;\n validationErrors: FormErrors[string] | null;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\nconst isErrorMessageDescriptor = (object?: string | object): object is TranslationMessage => {\n return (\n typeof object === 'object' && object !== null && 'id' in object && 'defaultMessage' in object\n );\n};\n\nconst EntryValidationText = ({\n status = 'draft',\n validationErrors,\n action,\n}: EntryValidationTextProps) => {\n const { formatMessage } = useIntl();\n\n /**\n * TODO: Should this be extracted an made into a factory to recursively get\n * error messages??\n */\n const getErrorStr = (key: string, value?: FormErrors[string]): string => {\n if (typeof value === 'string') {\n return `${key}: ${value}`;\n } else if (isErrorMessageDescriptor(value)) {\n return `${key}: ${formatMessage(value)}`;\n } else if (Array.isArray(value)) {\n return value.map((v) => getErrorStr(key, v)).join(' ');\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n return Object.entries(value)\n .map(([k, v]) => getErrorStr(k, v))\n .join(' ');\n } else {\n /**\n * unlikely to happen, but we need to return something\n */\n return '';\n }\n };\n\n if (validationErrors) {\n const validationErrorsMessages = Object.entries(validationErrors)\n .map(([key, value]) => {\n return getErrorStr(key, value);\n })\n .join(' ');\n\n return (\n <Flex gap={2}>\n <CrossCircle fill=\"danger600\" />\n <Tooltip label={validationErrorsMessages}>\n <Typography\n maxWidth={'30rem'}\n textColor=\"danger600\"\n variant=\"omega\"\n fontWeight=\"semiBold\"\n ellipsis\n >\n {validationErrorsMessages}\n </Typography>\n </Tooltip>\n </Flex>\n );\n }\n\n const getStatusMessage = () => {\n if (action === 'bulk-publish') {\n if (status === 'published') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-publish.already-published',\n defaultMessage: 'Already Published',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else if (status === 'modified') {\n return {\n icon: <ArrowsCounterClockwise fill=\"alternative600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish-changes',\n defaultMessage: 'Ready to publish changes',\n }),\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish',\n defaultMessage: 'Ready to publish',\n }),\n };\n }\n } else {\n if (status === 'draft') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-unpublish.already-unpublished',\n defaultMessage: 'Already Unpublished',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-unpublish-changes',\n defaultMessage: 'Ready to unpublish',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n }\n }\n };\n\n const { icon, text, textColor = 'success600', fontWeight = 'normal' } = getStatusMessage();\n\n return (\n <Flex gap={2}>\n {icon}\n <Typography textColor={textColor} fontWeight={fontWeight}>\n {text}\n </Typography>\n </Flex>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * BulkLocaleActionModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BulkLocaleActionModalProps {\n rows: LocaleStatus[];\n headers: {\n label: string;\n name: string;\n }[];\n localesMetadata: Locale[];\n validationErrors?: FormErrors;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\nconst BulkLocaleActionModal = ({\n headers,\n rows,\n localesMetadata,\n validationErrors = {},\n action,\n}: BulkLocaleActionModalProps) => {\n const { formatMessage } = useIntl();\n\n const selectedRows = useTable<LocaleStatus[]>(\n 'BulkLocaleActionModal',\n (state) => state.selectedRows\n );\n\n const getFormattedCountMessage = () => {\n const currentStatusByLocale = rows.reduce<Record<string, string>>((acc, { locale, status }) => {\n acc[locale] = status;\n return acc;\n }, {});\n const localesWithErrors = Object.keys(validationErrors);\n\n const publishedCount = selectedRows.filter(\n ({ locale }) => currentStatusByLocale[locale] === 'published'\n ).length;\n\n const draftCount = selectedRows.filter(\n ({ locale }) =>\n (currentStatusByLocale[locale] === 'draft' ||\n currentStatusByLocale[locale] === 'modified') &&\n !localesWithErrors.includes(locale)\n ).length;\n\n const withErrorsCount = localesWithErrors.length;\n const messageId =\n action === 'bulk-publish'\n ? 'content-manager.containers.list.selectedEntriesModal.selectedCount.publish'\n : 'content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish';\n\n const defaultMessage =\n action === 'bulk-publish'\n ? '<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'\n : '<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.';\n\n return formatMessage(\n {\n id: messageId,\n defaultMessage,\n },\n {\n withErrorsCount,\n draftCount,\n publishedCount,\n b: BoldChunk,\n }\n );\n };\n\n return (\n <Modal.Body>\n <Typography>{getFormattedCountMessage()}</Typography>\n <Box marginTop={5}>\n <Table.Content>\n <Table.Head>\n <Table.HeaderCheckboxCell />\n {headers.map((head) => (\n <Table.HeaderCell key={head.name} {...head} />\n ))}\n </Table.Head>\n <Table.Body>\n {rows.map(({ locale, status }, index) => {\n const error = validationErrors?.[locale] ?? null;\n\n const statusVariant =\n status === 'draft' ? 'primary' : status === 'published' ? 'success' : 'alternative';\n\n return (\n <Table.Row key={index}>\n <Table.CheckboxCell id={locale} aria-label={`Select ${locale}`} />\n <Table.Cell>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {Array.isArray(localesMetadata)\n ? localesMetadata.find((localeEntry) => localeEntry.code === locale)?.name\n : locale}\n </Typography>\n </Table.Cell>\n <Table.Cell>\n <Box display=\"flex\">\n <Status\n display=\"flex\"\n paddingLeft=\"6px\"\n paddingRight=\"6px\"\n paddingTop=\"2px\"\n paddingBottom=\"2px\"\n size={'S'}\n variant={statusVariant}\n >\n <Typography tag=\"span\" variant=\"pi\" fontWeight=\"bold\">\n {capitalize(status)}\n </Typography>\n </Status>\n </Box>\n </Table.Cell>\n <Table.Cell>\n <EntryValidationText validationErrors={error} status={status} action={action} />\n </Table.Cell>\n <Table.Cell>\n <IconButton\n tag={Link}\n to={{\n search: stringify({ plugins: { i18n: { locale } } }),\n }}\n label={formatMessage(\n {\n id: getTranslation('Settings.list.actions.edit'),\n defaultMessage: 'Edit {name} locale',\n },\n {\n name: locale,\n }\n )}\n variant=\"ghost\"\n >\n <Pencil />\n </IconButton>\n </Table.Cell>\n </Table.Row>\n );\n })}\n </Table.Body>\n </Table.Content>\n </Box>\n </Modal.Body>\n );\n};\n\nexport { BulkLocaleActionModal };\nexport type { BulkLocaleActionModalProps };\n"],"names":["isErrorMessageDescriptor","object","EntryValidationText","status","validationErrors","action","formatMessage","useIntl","getErrorStr","key","value","Array","isArray","map","v","join","Object","entries","k","validationErrorsMessages","_jsxs","Flex","gap","_jsx","CrossCircle","fill","Tooltip","label","Typography","maxWidth","textColor","variant","fontWeight","ellipsis","getStatusMessage","icon","CheckCircle","text","id","defaultMessage","ArrowsCounterClockwise","BoldChunk","chunks","BulkLocaleActionModal","headers","rows","localesMetadata","selectedRows","useTable","state","getFormattedCountMessage","currentStatusByLocale","reduce","acc","locale","localesWithErrors","keys","publishedCount","filter","length","draftCount","includes","withErrorsCount","messageId","b","Modal","Body","Box","marginTop","Table","Content","Head","HeaderCheckboxCell","head","HeaderCell","name","index","error","statusVariant","Row","CheckboxCell","aria-label","Cell","find","localeEntry","code","display","Status","paddingLeft","paddingRight","paddingTop","paddingBottom","size","tag","capitalize","IconButton","Link","to","search","stringify","plugins","i18n","getTranslation","Pencil"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkLocaleActionModal.mjs","sources":["../../../admin/src/components/BulkLocaleActionModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormErrors, Table, useTable } from '@strapi/admin/strapi-admin';\nimport { Box, Typography, IconButton, Flex, Tooltip, Status, Modal } from '@strapi/design-system';\nimport { Pencil, CheckCircle, CrossCircle, ArrowsCounterClockwise } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl, PrimitiveType } from 'react-intl';\nimport { Link } from 'react-router-dom';\n\nimport { Locale } from '../../../shared/contracts/locales';\nimport { getTranslation } from '../utils/getTranslation';\nimport { capitalize } from '../utils/strings';\n\nimport { LocaleStatus } from './CMHeaderActions';\n\nimport type { Modules } from '@strapi/types';\n\ntype Status = Modules.Documents.Params.PublicationStatus.Kind | 'modified';\n\n/* -------------------------------------------------------------------------------------------------\n * EntryValidationText\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EntryValidationTextProps {\n status: Status;\n validationErrors: FormErrors[string] | null;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\nconst isErrorMessageDescriptor = (object?: string | object): object is TranslationMessage => {\n return (\n typeof object === 'object' && object !== null && 'id' in object && 'defaultMessage' in object\n );\n};\n\nconst EntryValidationText = ({\n status = 'draft',\n validationErrors,\n action,\n}: EntryValidationTextProps) => {\n const { formatMessage } = useIntl();\n\n /**\n * TODO: Should this be extracted an made into a factory to recursively get\n * error messages??\n */\n const getErrorStr = (key: string, value?: FormErrors[string]): string => {\n if (typeof value === 'string') {\n return `${key}: ${value}`;\n } else if (isErrorMessageDescriptor(value)) {\n return `${key}: ${formatMessage(value)}`;\n } else if (Array.isArray(value)) {\n return value.map((v) => getErrorStr(key, v)).join(' ');\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n return Object.entries(value)\n .map(([k, v]) => getErrorStr(k, v))\n .join(' ');\n } else {\n /**\n * unlikely to happen, but we need to return something\n */\n return '';\n }\n };\n\n if (validationErrors) {\n const validationErrorsMessages = Object.entries(validationErrors)\n .map(([key, value]) => {\n return getErrorStr(key, value);\n })\n .join(' ');\n\n return (\n <Flex gap={2}>\n <CrossCircle fill=\"danger600\" />\n <Tooltip label={validationErrorsMessages}>\n <Typography\n maxWidth={'30rem'}\n textColor=\"danger600\"\n variant=\"omega\"\n fontWeight=\"semiBold\"\n ellipsis\n >\n {validationErrorsMessages}\n </Typography>\n </Tooltip>\n </Flex>\n );\n }\n\n const getStatusMessage = () => {\n if (action === 'bulk-publish') {\n if (status === 'published') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-publish.already-published',\n defaultMessage: 'Already Published',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else if (status === 'modified') {\n return {\n icon: <ArrowsCounterClockwise fill=\"alternative600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish-changes',\n defaultMessage: 'Ready to publish changes',\n }),\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish',\n defaultMessage: 'Ready to publish',\n }),\n };\n }\n } else {\n if (status === 'draft') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-unpublish.already-unpublished',\n defaultMessage: 'Already Unpublished',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-unpublish-changes',\n defaultMessage: 'Ready to unpublish',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n }\n }\n };\n\n const { icon, text, textColor = 'success600', fontWeight = 'normal' } = getStatusMessage();\n\n return (\n <Flex gap={2}>\n {icon}\n <Typography textColor={textColor} fontWeight={fontWeight}>\n {text}\n </Typography>\n </Flex>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * BulkLocaleActionModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BulkLocaleActionModalProps {\n rows: LocaleStatus[];\n headers: {\n label: string;\n name: string;\n }[];\n localesMetadata: Locale[];\n validationErrors?: FormErrors;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\nconst BulkLocaleActionModal = ({\n headers,\n rows,\n localesMetadata,\n validationErrors = {},\n action,\n}: BulkLocaleActionModalProps) => {\n const { formatMessage } = useIntl();\n\n const selectedRows = useTable<LocaleStatus[]>(\n 'BulkLocaleActionModal',\n (state) => state.selectedRows\n );\n\n const getFormattedCountMessage = () => {\n const currentStatusByLocale = rows.reduce<Record<string, string>>((acc, { locale, status }) => {\n acc[locale] = status;\n return acc;\n }, {});\n const localesWithErrors = Object.keys(validationErrors);\n\n const publishedCount = selectedRows.filter(\n ({ locale }) => currentStatusByLocale[locale] === 'published'\n ).length;\n\n const draftCount = selectedRows.filter(\n ({ locale }) =>\n (currentStatusByLocale[locale] === 'draft' ||\n currentStatusByLocale[locale] === 'modified') &&\n !localesWithErrors.includes(locale)\n ).length;\n\n const withErrorsCount = localesWithErrors.length;\n const messageId =\n action === 'bulk-publish'\n ? 'content-manager.containers.list.selectedEntriesModal.selectedCount.publish'\n : 'content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish';\n\n const defaultMessage =\n action === 'bulk-publish'\n ? '<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'\n : '<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.';\n\n return formatMessage(\n {\n id: messageId,\n defaultMessage,\n },\n {\n withErrorsCount,\n draftCount,\n publishedCount,\n b: BoldChunk,\n }\n );\n };\n\n return (\n <Modal.Body>\n <Typography>{getFormattedCountMessage()}</Typography>\n <Box marginTop={5}>\n <Table.Content>\n <Table.Head>\n <Table.HeaderCheckboxCell />\n {headers.map((head) => (\n <Table.HeaderCell key={head.name} {...head} />\n ))}\n </Table.Head>\n <Table.Body>\n {rows.map(({ locale, status }, index) => {\n const error = validationErrors?.[locale] ?? null;\n\n const statusVariant =\n status === 'draft' ? 'primary' : status === 'published' ? 'success' : 'alternative';\n\n return (\n <Table.Row key={index}>\n <Table.CheckboxCell id={locale} aria-label={`Select ${locale}`} />\n <Table.Cell>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {Array.isArray(localesMetadata)\n ? localesMetadata.find((localeEntry) => localeEntry.code === locale)?.name\n : locale}\n </Typography>\n </Table.Cell>\n <Table.Cell>\n <Box display=\"flex\">\n <Status\n display=\"flex\"\n paddingLeft=\"6px\"\n paddingRight=\"6px\"\n paddingTop=\"2px\"\n paddingBottom=\"2px\"\n size={'S'}\n variant={statusVariant}\n >\n <Typography tag=\"span\" variant=\"pi\" fontWeight=\"bold\">\n {capitalize(status)}\n </Typography>\n </Status>\n </Box>\n </Table.Cell>\n <Table.Cell>\n <EntryValidationText validationErrors={error} status={status} action={action} />\n </Table.Cell>\n <Table.Cell>\n <IconButton\n tag={Link}\n to={{\n search: stringify({ plugins: { i18n: { locale } } }),\n }}\n label={formatMessage(\n {\n id: getTranslation('Settings.list.actions.edit'),\n defaultMessage: 'Edit {name} locale',\n },\n {\n name: locale,\n }\n )}\n variant=\"ghost\"\n >\n <Pencil />\n </IconButton>\n </Table.Cell>\n </Table.Row>\n );\n })}\n </Table.Body>\n </Table.Content>\n </Box>\n </Modal.Body>\n );\n};\n\nexport { BulkLocaleActionModal };\nexport type { BulkLocaleActionModalProps };\n"],"names":["isErrorMessageDescriptor","object","EntryValidationText","status","validationErrors","action","formatMessage","useIntl","getErrorStr","key","value","Array","isArray","map","v","join","Object","entries","k","validationErrorsMessages","_jsxs","Flex","gap","_jsx","CrossCircle","fill","Tooltip","label","Typography","maxWidth","textColor","variant","fontWeight","ellipsis","getStatusMessage","icon","CheckCircle","text","id","defaultMessage","ArrowsCounterClockwise","BoldChunk","chunks","BulkLocaleActionModal","headers","rows","localesMetadata","selectedRows","useTable","state","getFormattedCountMessage","currentStatusByLocale","reduce","acc","locale","localesWithErrors","keys","publishedCount","filter","length","draftCount","includes","withErrorsCount","messageId","b","Modal","Body","Box","marginTop","Table","Content","Head","HeaderCheckboxCell","head","HeaderCell","name","index","error","statusVariant","Row","CheckboxCell","aria-label","Cell","find","localeEntry","code","display","Status","paddingLeft","paddingRight","paddingTop","paddingBottom","size","tag","capitalize","IconButton","Link","to","search","stringify","plugins","i18n","getTranslation","Pencil"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BulkLocaleActionModal.mjs","sources":["../../../admin/src/components/BulkLocaleActionModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormErrors, Table, useTable } from '@strapi/admin/strapi-admin';\nimport { Box, Typography, IconButton, Flex, Tooltip, Status, Modal } from '@strapi/design-system';\nimport { Pencil, CheckCircle, CrossCircle, ArrowsCounterClockwise } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl, PrimitiveType } from 'react-intl';\nimport { Link } from 'react-router-dom';\n\nimport { Locale } from '../../../shared/contracts/locales';\nimport { getTranslation } from '../utils/getTranslation';\nimport { capitalize } from '../utils/strings';\n\nimport { LocaleStatus } from './CMHeaderActions';\n\nimport type { Modules } from '@strapi/types';\n\ntype Status = Modules.Documents.Params.PublicationStatus.Kind | 'modified';\n\n/* -------------------------------------------------------------------------------------------------\n * EntryValidationText\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EntryValidationTextProps {\n status: Status;\n validationErrors: FormErrors[string] | null;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\nconst isErrorMessageDescriptor = (object?: string | object): object is TranslationMessage => {\n return (\n typeof object === 'object' && object !== null && 'id' in object && 'defaultMessage' in object\n );\n};\n\nconst EntryValidationText = ({\n status = 'draft',\n validationErrors,\n action,\n}: EntryValidationTextProps) => {\n const { formatMessage } = useIntl();\n\n /**\n * TODO: Should this be extracted an made into a factory to recursively get\n * error messages??\n */\n const getErrorStr = (key: string, value?: FormErrors[string]): string => {\n if (typeof value === 'string') {\n return `${key}: ${value}`;\n } else if (isErrorMessageDescriptor(value)) {\n return `${key}: ${formatMessage(value)}`;\n } else if (Array.isArray(value)) {\n return value.map((v) => getErrorStr(key, v)).join(' ');\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n return Object.entries(value)\n .map(([k, v]) => getErrorStr(k, v))\n .join(' ');\n } else {\n /**\n * unlikely to happen, but we need to return something\n */\n return '';\n }\n };\n\n if (validationErrors) {\n const validationErrorsMessages = Object.entries(validationErrors)\n .map(([key, value]) => {\n return getErrorStr(key, value);\n })\n .join(' ');\n\n return (\n <Flex gap={2}>\n <CrossCircle fill=\"danger600\" />\n <Tooltip label={validationErrorsMessages}>\n <Typography\n maxWidth={'30rem'}\n textColor=\"danger600\"\n variant=\"omega\"\n fontWeight=\"semiBold\"\n ellipsis\n >\n {validationErrorsMessages}\n </Typography>\n </Tooltip>\n </Flex>\n );\n }\n\n const getStatusMessage = () => {\n if (action === 'bulk-publish') {\n if (status === 'published') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-publish.already-published',\n defaultMessage: 'Already Published',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else if (status === 'modified') {\n return {\n icon: <ArrowsCounterClockwise fill=\"alternative600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish-changes',\n defaultMessage: 'Ready to publish changes',\n }),\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-publish',\n defaultMessage: 'Ready to publish',\n }),\n };\n }\n } else {\n if (status === 'draft') {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'content-manager.bulk-unpublish.already-unpublished',\n defaultMessage: 'Already Unpublished',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n } else {\n return {\n icon: <CheckCircle fill=\"success600\" />,\n text: formatMessage({\n id: 'app.utils.ready-to-unpublish-changes',\n defaultMessage: 'Ready to unpublish',\n }),\n textColor: 'success600',\n fontWeight: 'bold',\n };\n }\n }\n };\n\n const { icon, text, textColor = 'success600', fontWeight = 'normal' } = getStatusMessage();\n\n return (\n <Flex gap={2}>\n {icon}\n <Typography textColor={textColor} fontWeight={fontWeight}>\n {text}\n </Typography>\n </Flex>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BoldChunk\n * -----------------------------------------------------------------------------------------------*/\n\nconst BoldChunk = (chunks: React.ReactNode) => <Typography fontWeight=\"bold\">{chunks}</Typography>;\n\n/* -------------------------------------------------------------------------------------------------\n * BulkLocaleActionModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BulkLocaleActionModalProps {\n rows: LocaleStatus[];\n headers: {\n label: string;\n name: string;\n }[];\n localesMetadata: Locale[];\n validationErrors?: FormErrors;\n action: 'bulk-publish' | 'bulk-unpublish';\n}\n\nconst BulkLocaleActionModal = ({\n headers,\n rows,\n localesMetadata,\n validationErrors = {},\n action,\n}: BulkLocaleActionModalProps) => {\n const { formatMessage } = useIntl();\n\n const selectedRows = useTable<LocaleStatus[]>(\n 'BulkLocaleActionModal',\n (state) => state.selectedRows\n );\n\n const getFormattedCountMessage = () => {\n const currentStatusByLocale = rows.reduce<Record<string, string>>((acc, { locale, status }) => {\n acc[locale] = status;\n return acc;\n }, {});\n const localesWithErrors = Object.keys(validationErrors);\n\n const publishedCount = selectedRows.filter(\n ({ locale }) => currentStatusByLocale[locale] === 'published'\n ).length;\n\n const draftCount = selectedRows.filter(\n ({ locale }) =>\n (currentStatusByLocale[locale] === 'draft' ||\n currentStatusByLocale[locale] === 'modified') &&\n !localesWithErrors.includes(locale)\n ).length;\n\n const withErrorsCount = localesWithErrors.length;\n const messageId =\n action === 'bulk-publish'\n ? 'content-manager.containers.list.selectedEntriesModal.selectedCount.publish'\n : 'content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish';\n\n const defaultMessage =\n action === 'bulk-publish'\n ? '<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'\n : '<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.';\n\n return formatMessage(\n {\n id: messageId,\n defaultMessage,\n },\n {\n withErrorsCount,\n draftCount,\n publishedCount,\n b: BoldChunk,\n }\n );\n };\n\n return (\n <Modal.Body>\n <Typography>{getFormattedCountMessage()}</Typography>\n <Box marginTop={5}>\n <Table.Content>\n <Table.Head>\n <Table.HeaderCheckboxCell />\n {headers.map((head) => (\n <Table.HeaderCell key={head.name} {...head} />\n ))}\n </Table.Head>\n <Table.Body>\n {rows.map(({ locale, status }, index) => {\n const error = validationErrors?.[locale] ?? null;\n\n const statusVariant =\n status === 'draft' ? 'primary' : status === 'published' ? 'success' : 'alternative';\n\n return (\n <Table.Row key={index}>\n <Table.CheckboxCell id={locale} aria-label={`Select ${locale}`} />\n <Table.Cell>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {Array.isArray(localesMetadata)\n ? localesMetadata.find((localeEntry) => localeEntry.code === locale)?.name\n : locale}\n </Typography>\n </Table.Cell>\n <Table.Cell>\n <Box display=\"flex\">\n <Status\n display=\"flex\"\n paddingLeft=\"6px\"\n paddingRight=\"6px\"\n paddingTop=\"2px\"\n paddingBottom=\"2px\"\n size={'S'}\n variant={statusVariant}\n >\n <Typography tag=\"span\" variant=\"pi\" fontWeight=\"bold\">\n {capitalize(status)}\n </Typography>\n </Status>\n </Box>\n </Table.Cell>\n <Table.Cell>\n <EntryValidationText validationErrors={error} status={status} action={action} />\n </Table.Cell>\n <Table.Cell>\n <IconButton\n tag={Link}\n to={{\n search: stringify({ plugins: { i18n: { locale } } }),\n }}\n label={formatMessage(\n {\n id: getTranslation('Settings.list.actions.edit'),\n defaultMessage: 'Edit {name} locale',\n },\n {\n name: locale,\n }\n )}\n variant=\"ghost\"\n >\n <Pencil />\n </IconButton>\n </Table.Cell>\n </Table.Row>\n );\n })}\n </Table.Body>\n </Table.Content>\n </Box>\n </Modal.Body>\n );\n};\n\nexport { BulkLocaleActionModal };\nexport type { BulkLocaleActionModalProps };\n"],"names":["isErrorMessageDescriptor","object","EntryValidationText","status","validationErrors","action","formatMessage","useIntl","getErrorStr","key","value","Array","isArray","map","v","join","Object","entries","k","validationErrorsMessages","_jsxs","Flex","gap","_jsx","CrossCircle","fill","Tooltip","label","Typography","maxWidth","textColor","variant","fontWeight","ellipsis","getStatusMessage","icon","CheckCircle","text","id","defaultMessage","ArrowsCounterClockwise","BoldChunk","chunks","BulkLocaleActionModal","headers","rows","localesMetadata","selectedRows","useTable","state","getFormattedCountMessage","currentStatusByLocale","reduce","acc","locale","localesWithErrors","keys","publishedCount","filter","length","draftCount","includes","withErrorsCount","messageId","b","Modal","Body","Box","marginTop","Table","Content","Head","HeaderCheckboxCell","head","HeaderCell","name","index","error","statusVariant","Row","CheckboxCell","aria-label","Cell","find","localeEntry","code","display","Status","paddingLeft","paddingRight","paddingTop","paddingBottom","size","tag","capitalize","IconButton","Link","to","search","stringify","plugins","i18n","getTranslation","Pencil"],"mappings":"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"}
|
|
@@ -11,7 +11,9 @@ var icons = require('@strapi/icons');
|
|
|
11
11
|
var reactIntl = require('react-intl');
|
|
12
12
|
var reactRouterDom = require('react-router-dom');
|
|
13
13
|
var styledComponents = require('styled-components');
|
|
14
|
+
var useAILocalizationJobsPolling = require('../hooks/useAILocalizationJobsPolling.js');
|
|
14
15
|
var useI18n = require('../hooks/useI18n.js');
|
|
16
|
+
var aiLocalizationJobs = require('../services/aiLocalizationJobs.js');
|
|
15
17
|
var locales = require('../services/locales.js');
|
|
16
18
|
var relations = require('../services/relations.js');
|
|
17
19
|
var settings = require('../services/settings.js');
|
|
@@ -83,6 +85,18 @@ const LocaleOption = ({ isDraftAndPublishEnabled, locale, status, entryExists })
|
|
|
83
85
|
]
|
|
84
86
|
});
|
|
85
87
|
};
|
|
88
|
+
const LocaleOptionStartIcon = ({ entryWithLocaleExists, translationStatus, index })=>{
|
|
89
|
+
const isAiAvailable = ee.useAIAvailability();
|
|
90
|
+
if (!entryWithLocaleExists) {
|
|
91
|
+
return /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {});
|
|
92
|
+
}
|
|
93
|
+
if (isAiAvailable && index !== 0 && translationStatus === 'failed') {
|
|
94
|
+
return /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
|
|
95
|
+
fill: "warning600"
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
return null;
|
|
99
|
+
};
|
|
86
100
|
const LocalePickerAction = ({ document, meta, model, collectionType, documentId })=>{
|
|
87
101
|
const { formatMessage } = reactIntl.useIntl();
|
|
88
102
|
const [{ query }, setQuery] = strapiAdmin.useQueryParams();
|
|
@@ -97,6 +111,14 @@ const LocalePickerAction = ({ document, meta, model, collectionType, documentId
|
|
|
97
111
|
locale: currentDesiredLocale
|
|
98
112
|
}
|
|
99
113
|
});
|
|
114
|
+
const { data: jobData } = aiLocalizationJobs.useGetAILocalizationJobsByDocumentQuery({
|
|
115
|
+
documentId: documentId,
|
|
116
|
+
model: model,
|
|
117
|
+
collectionType: collectionType
|
|
118
|
+
});
|
|
119
|
+
const { data: settings$1 } = settings.useGetSettingsQuery();
|
|
120
|
+
const isAiAvailable = ee.useAIAvailability();
|
|
121
|
+
const setValues = strapiAdmin.useForm('LocalePickerAction', (state)=>state.setValues);
|
|
100
122
|
const handleSelect = React__namespace.useCallback((value)=>{
|
|
101
123
|
setQuery({
|
|
102
124
|
plugins: {
|
|
@@ -105,11 +127,56 @@ const LocalePickerAction = ({ document, meta, model, collectionType, documentId
|
|
|
105
127
|
locale: value
|
|
106
128
|
}
|
|
107
129
|
}
|
|
108
|
-
});
|
|
130
|
+
}, 'push', true);
|
|
109
131
|
}, [
|
|
110
132
|
query.plugins,
|
|
111
133
|
setQuery
|
|
112
134
|
]);
|
|
135
|
+
const nonTranslatedFields = React__namespace.useMemo(()=>{
|
|
136
|
+
if (!schema?.attributes) return [];
|
|
137
|
+
return Object.keys(schema.attributes).filter((field)=>{
|
|
138
|
+
const attribute = schema.attributes[field];
|
|
139
|
+
return attribute?.pluginOptions?.i18n?.localized === false;
|
|
140
|
+
});
|
|
141
|
+
}, [
|
|
142
|
+
schema?.attributes
|
|
143
|
+
]);
|
|
144
|
+
const sourceLocaleData = React__namespace.useMemo(()=>{
|
|
145
|
+
if (!Array.isArray(locales$1) || !meta?.availableLocales) return null;
|
|
146
|
+
const defaultLocale = locales$1.find((locale)=>locale.isDefault);
|
|
147
|
+
const existingLocales = meta.availableLocales.map((loc)=>loc.locale);
|
|
148
|
+
const sourceLocaleCode = defaultLocale && existingLocales.includes(defaultLocale.code) && defaultLocale.code !== currentDesiredLocale ? defaultLocale.code : existingLocales.find((locale)=>locale !== currentDesiredLocale);
|
|
149
|
+
if (!sourceLocaleCode) return null;
|
|
150
|
+
// Find the document data from availableLocales (now includes non-translatable fields)
|
|
151
|
+
const sourceLocaleDoc = meta.availableLocales.find((loc)=>loc.locale === sourceLocaleCode);
|
|
152
|
+
return sourceLocaleDoc ? {
|
|
153
|
+
locale: sourceLocaleCode,
|
|
154
|
+
data: sourceLocaleDoc
|
|
155
|
+
} : null;
|
|
156
|
+
}, [
|
|
157
|
+
locales$1,
|
|
158
|
+
meta?.availableLocales,
|
|
159
|
+
currentDesiredLocale
|
|
160
|
+
]);
|
|
161
|
+
/**
|
|
162
|
+
* Prefilling form with non-translatable fields from already existing locale
|
|
163
|
+
*/ React__namespace.useEffect(()=>{
|
|
164
|
+
// Only run when creating a new locale (no document ID yet) and when we have non-translatable fields
|
|
165
|
+
if (!document?.id && nonTranslatedFields.length > 0 && sourceLocaleData?.data) {
|
|
166
|
+
const dataToSet = nonTranslatedFields.reduce((acc, field)=>{
|
|
167
|
+
acc[field] = sourceLocaleData.data[field];
|
|
168
|
+
return acc;
|
|
169
|
+
}, {});
|
|
170
|
+
if (Object.keys(dataToSet).length > 0) {
|
|
171
|
+
setValues(dataToSet);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}, [
|
|
175
|
+
document?.id,
|
|
176
|
+
nonTranslatedFields,
|
|
177
|
+
sourceLocaleData?.data,
|
|
178
|
+
setValues
|
|
179
|
+
]);
|
|
113
180
|
React__namespace.useEffect(()=>{
|
|
114
181
|
if (!Array.isArray(locales$1) || !hasI18n) {
|
|
115
182
|
return;
|
|
@@ -151,15 +218,52 @@ const LocalePickerAction = ({ document, meta, model, collectionType, documentId
|
|
|
151
218
|
* otherwise the locale is hidden.
|
|
152
219
|
*/ return canRead.includes(locale.code);
|
|
153
220
|
});
|
|
221
|
+
const localesSortingDefaultFirst = displayedLocales.sort((a, b)=>a.isDefault ? -1 : b.isDefault ? 1 : 0);
|
|
154
222
|
return {
|
|
155
223
|
label: formatMessage({
|
|
156
224
|
id: getTranslation.getTranslation('Settings.locales.modal.locales.label'),
|
|
157
225
|
defaultMessage: 'Locales'
|
|
158
226
|
}),
|
|
159
|
-
options:
|
|
227
|
+
options: localesSortingDefaultFirst.map((locale, index)=>{
|
|
160
228
|
const entryWithLocaleExists = allCurrentLocales.some((doc)=>doc.locale === locale.code);
|
|
161
229
|
const currentLocaleDoc = allCurrentLocales.find((doc)=>'locale' in doc ? doc.locale === locale.code : false);
|
|
162
230
|
const permissionsToCheck = currentLocaleDoc ? canRead : canCreate;
|
|
231
|
+
if (isAiAvailable && settings$1?.data?.aiLocalizations) {
|
|
232
|
+
return {
|
|
233
|
+
_render: ()=>/*#__PURE__*/ jsxRuntime.jsxs(React__namespace.Fragment, {
|
|
234
|
+
children: [
|
|
235
|
+
/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
|
|
236
|
+
disabled: !permissionsToCheck.includes(locale.code),
|
|
237
|
+
startIcon: /*#__PURE__*/ jsxRuntime.jsx(LocaleOptionStartIcon, {
|
|
238
|
+
entryWithLocaleExists: entryWithLocaleExists,
|
|
239
|
+
translationStatus: jobData?.data?.status,
|
|
240
|
+
index: index
|
|
241
|
+
}),
|
|
242
|
+
value: locale.code,
|
|
243
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(LocaleOption, {
|
|
244
|
+
isDraftAndPublishEnabled: !!schema?.options?.draftAndPublish,
|
|
245
|
+
locale: locale,
|
|
246
|
+
status: currentLocaleDoc?.status,
|
|
247
|
+
entryExists: entryWithLocaleExists
|
|
248
|
+
})
|
|
249
|
+
}, locale.code),
|
|
250
|
+
localesSortingDefaultFirst.length > 1 && index === 0 && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
251
|
+
paddingRight: 4,
|
|
252
|
+
paddingLeft: 4,
|
|
253
|
+
paddingTop: 2,
|
|
254
|
+
paddingBottom: 2,
|
|
255
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
256
|
+
variant: "sigma",
|
|
257
|
+
children: formatMessage({
|
|
258
|
+
id: getTranslation.getTranslation('CMEditViewLocalePicker.locale.ai-translations'),
|
|
259
|
+
defaultMessage: 'AI Translations'
|
|
260
|
+
})
|
|
261
|
+
})
|
|
262
|
+
})
|
|
263
|
+
]
|
|
264
|
+
}, index)
|
|
265
|
+
};
|
|
266
|
+
}
|
|
163
267
|
return {
|
|
164
268
|
disabled: !permissionsToCheck.includes(locale.code),
|
|
165
269
|
value: locale.code,
|
|
@@ -167,9 +271,12 @@ const LocalePickerAction = ({ document, meta, model, collectionType, documentId
|
|
|
167
271
|
isDraftAndPublishEnabled: !!schema?.options?.draftAndPublish,
|
|
168
272
|
locale: locale,
|
|
169
273
|
status: currentLocaleDoc?.status,
|
|
170
|
-
entryExists: entryWithLocaleExists
|
|
274
|
+
entryExists: entryWithLocaleExists,
|
|
275
|
+
translationStatus: jobData?.data?.status
|
|
171
276
|
}),
|
|
172
|
-
startIcon:
|
|
277
|
+
startIcon: /*#__PURE__*/ jsxRuntime.jsx(LocaleOptionStartIcon, {
|
|
278
|
+
entryWithLocaleExists: entryWithLocaleExists
|
|
279
|
+
})
|
|
173
280
|
};
|
|
174
281
|
}),
|
|
175
282
|
customizeContent: ()=>currentLocale?.name,
|
|
@@ -212,23 +319,49 @@ const getDocumentStatus = (document, meta)=>{
|
|
|
212
319
|
`}
|
|
213
320
|
}
|
|
214
321
|
`;
|
|
215
|
-
const
|
|
322
|
+
const SpinningLoader = styledComponents.styled(icons.Loader)`
|
|
323
|
+
@keyframes spin {
|
|
324
|
+
from {
|
|
325
|
+
transform: rotate(0deg);
|
|
326
|
+
}
|
|
327
|
+
to {
|
|
328
|
+
transform: rotate(360deg);
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
animation: spin 2s linear infinite;
|
|
333
|
+
`;
|
|
334
|
+
const AITranslationStatusAction = ({ documentId, model, collectionType })=>{
|
|
216
335
|
const { formatMessage } = reactIntl.useIntl();
|
|
217
336
|
const isAIAvailable = ee.useAIAvailability();
|
|
218
337
|
const { data: settings$1 } = settings.useGetSettingsQuery();
|
|
219
338
|
const isAISettingEnabled = settings$1?.data?.aiLocalizations;
|
|
220
339
|
const { hasI18n } = useI18n.useI18n();
|
|
340
|
+
// Poll for AI localizations jobs when AI is enabled and we have a documentId
|
|
341
|
+
const { status } = useAILocalizationJobsPolling.useAILocalizationJobsPolling({
|
|
342
|
+
documentId,
|
|
343
|
+
model,
|
|
344
|
+
collectionType
|
|
345
|
+
});
|
|
346
|
+
const statusVariant = (()=>{
|
|
347
|
+
if (status === 'failed') {
|
|
348
|
+
return 'warning';
|
|
349
|
+
}
|
|
350
|
+
if (isAISettingEnabled) {
|
|
351
|
+
return 'alternative';
|
|
352
|
+
}
|
|
353
|
+
return 'neutral';
|
|
354
|
+
})();
|
|
221
355
|
// Do not display this action when i18n is not available
|
|
222
356
|
if (!hasI18n) {
|
|
223
357
|
return null;
|
|
224
358
|
}
|
|
225
359
|
// Do not display this action when AI is not available
|
|
226
|
-
|
|
227
|
-
if (!isAIAvailable || !hasAIFutureFlag) {
|
|
360
|
+
if (!isAIAvailable) {
|
|
228
361
|
return null;
|
|
229
362
|
}
|
|
230
363
|
return {
|
|
231
|
-
|
|
364
|
+
_status: {
|
|
232
365
|
message: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
233
366
|
height: "100%",
|
|
234
367
|
"aria-label": formatMessage({
|
|
@@ -237,9 +370,9 @@ const AITranslationStatusAction = ()=>{
|
|
|
237
370
|
}),
|
|
238
371
|
children: /*#__PURE__*/ jsxRuntime.jsx(AITranslationStatusIcon, {
|
|
239
372
|
$isAISettingEnabled: Boolean(isAISettingEnabled),
|
|
240
|
-
variant:
|
|
373
|
+
variant: statusVariant,
|
|
241
374
|
size: "S",
|
|
242
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {})
|
|
375
|
+
children: status === 'processing' ? /*#__PURE__*/ jsxRuntime.jsx(SpinningLoader, {}) : /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {})
|
|
243
376
|
})
|
|
244
377
|
}),
|
|
245
378
|
tooltip: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
@@ -264,7 +397,7 @@ const AITranslationStatusAction = ()=>{
|
|
|
264
397
|
paddingBottom: 3,
|
|
265
398
|
children: formatMessage({
|
|
266
399
|
id: getTranslation.getTranslation('CMEditViewAITranslation.status-description'),
|
|
267
|
-
defaultMessage: 'Our AI translates content in all locales each time you save a modification.'
|
|
400
|
+
defaultMessage: 'Our AI translates content in all locales each time you save a modification in the default locale.'
|
|
268
401
|
})
|
|
269
402
|
}),
|
|
270
403
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
|
|
@@ -334,8 +467,7 @@ const AITranslationStatusAction = ()=>{
|
|
|
334
467
|
return null;
|
|
335
468
|
}
|
|
336
469
|
// Do not display this action when AI is available and AI translations are enabled
|
|
337
|
-
|
|
338
|
-
if (hasAIFutureFlag && isAIAvailable && isAISettingEnabled) {
|
|
470
|
+
if (isAIAvailable && isAISettingEnabled) {
|
|
339
471
|
return null;
|
|
340
472
|
}
|
|
341
473
|
return {
|