@strapi/i18n 0.0.0-experimental.f6c00790e260ea5a9b6b86abac5fea02b05d569c → 0.0.0-experimental.f736daceb203b33d9ed36a1149e21f2814d1935c

package/dist/_chunks/{index-D-qx3tz4.mjs → index-BcYj5jo9.mjs}

@@ -3,7 +3,7 @@ import * as yup from "yup";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { Typography, Dialog, Field, Checkbox, Flex, Button, Modal, Box, Status, IconButton, Tooltip, SingleSelect, SingleSelectOption, VisuallyHidden, useCollator, Popover } from "@strapi/design-system";
-import { WarningCircle, Pencil, CrossCircle, CheckCircle, ArrowsCounterClockwise, Trash, Download, ListPlus, Cross, Earth, EarthStriked, CaretDown } from "@strapi/icons";
+import { WarningCircle, Pencil, CrossCircle, CheckCircle, ArrowsCounterClockwise, Trash, Plus, Download, ListPlus, Cross, Earth, EarthStriked, CaretDown } from "@strapi/icons";
 import { useIntl } from "react-intl";
 import { styled } from "styled-components";
 import { skipToken } from "@reduxjs/toolkit/query";
@@ -13,13 +13,20 @@ import { useParams, Link, useNavigate, matchPath } from "react-router-dom";
 import * as qs from "qs";
 import { stringify } from "qs";
 import omit from "lodash/omit";
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
 const pluginId = "i18n";
@@ -228,7 +235,8 @@ const cleanData = (data, schema, components) => {
     "publishedAt",
     "strapi_stage",
     "strapi_assignee",
-    "locale"
+    "locale",
+    "status"
   ]);
   const cleanedDataWithoutPasswordAndRelation = recursiveRemoveFieldTypes(
     cleanedData,
@@ -458,7 +466,6 @@ const BulkLocaleActionModal = ({
               paddingRight: "6px",
               paddingTop: "2px",
               paddingBottom: "2px",
-              showBullet: false,
               size: "S",
               variant: statusVariant,
               children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
@@ -490,6 +497,47 @@ const BulkLocaleActionModal = ({
     ] }) })
   ] });
 };
+const statusVariants = {
+  draft: "secondary",
+  published: "success",
+  modified: "alternative"
+};
+const LocaleOption = ({
+  isDraftAndPublishEnabled,
+  locale,
+  status,
+  entryExists
+}) => {
+  const { formatMessage } = useIntl();
+  if (!entryExists) {
+    return formatMessage(
+      {
+        id: getTranslation("CMEditViewLocalePicker.locale.create"),
+        defaultMessage: "Create <bold>{locale}</bold> locale"
+      },
+      {
+        bold: (locale2) => /* @__PURE__ */ jsx("b", { children: locale2 }),
+        locale: locale.name
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Flex, { width: "100%", gap: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx(Typography, { children: locale.name }),
+    isDraftAndPublishEnabled ? /* @__PURE__ */ jsx(
+      Status,
+      {
+        display: "flex",
+        paddingLeft: "6px",
+        paddingRight: "6px",
+        paddingTop: "2px",
+        paddingBottom: "2px",
+        size: "S",
+        variant: statusVariants[status],
+        children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+      }
+    ) : null
+  ] });
+};
 const LocalePickerAction = ({
   document,
   meta,
@@ -531,46 +579,44 @@ const LocalePickerAction = ({
       handleSelect(defaultLocale.code);
     }
   }, [handleSelect, hasI18n, locales, currentDesiredLocale]);
-  const currentLocale = Array.isArray(locales) ? locales.find((locale) => locale.code === currentDesiredLocale)?.code : void 0;
+  const currentLocale = Array.isArray(locales) ? locales.find((locale) => locale.code === currentDesiredLocale) : void 0;
   const allCurrentLocales = [
-    { status: getDocumentStatus(document, meta), locale: currentLocale },
-    ...meta?.availableLocales ?? []
+    { status: getDocumentStatus(document, meta), locale: currentLocale?.code },
+    ...document?.localizations ?? []
   ];
   if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
     return null;
   }
+  const displayedLocales = locales.filter((locale) => {
+    return canRead.includes(locale.code);
+  });
   return {
     label: formatMessage({
       id: getTranslation("Settings.locales.modal.locales.label"),
       defaultMessage: "Locales"
     }),
-    options: locales.map((locale) => {
+    options: displayedLocales.map((locale) => {
+      const entryWithLocaleExists = allCurrentLocales.some((doc) => doc.locale === locale.code);
       const currentLocaleDoc = allCurrentLocales.find(
         (doc) => "locale" in doc ? doc.locale === locale.code : false
       );
-      const status = currentLocaleDoc?.status ?? "draft";
-      const permissionsToCheck = currentLocaleDoc ? canCreate : canRead;
-      const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
+      const permissionsToCheck = currentLocaleDoc ? canRead : canCreate;
       return {
         disabled: !permissionsToCheck.includes(locale.code),
         value: locale.code,
-        label: locale.name,
-        startIcon: schema?.options?.draftAndPublish ? /* @__PURE__ */ jsx(
-          Status,
+        label: /* @__PURE__ */ jsx(
+          LocaleOption,
           {
-            display: "flex",
-            paddingLeft: "6px",
-            paddingRight: "6px",
-            paddingTop: "2px",
-            paddingBottom: "2px",
-            showBullet: false,
-            size: "S",
-            variant: statusVariant,
-            children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+            isDraftAndPublishEnabled: !!schema?.options?.draftAndPublish,
+            locale,
+            status: currentLocaleDoc?.status,
+            entryExists: entryWithLocaleExists
           }
-        ) : null
+        ),
+        startIcon: !entryWithLocaleExists ? /* @__PURE__ */ jsx(Plus, {}) : null
       };
     }),
+    customizeContent: () => currentLocale?.name,
     onSelect: handleSelect,
     value: currentLocale
   };
@@ -594,6 +640,7 @@ const FillFromAnotherLocaleAction = ({
 }) => {
   const { formatMessage } = useIntl();
   const [{ query }] = useQueryParams();
+  const { hasI18n } = useI18n();
   const currentDesiredLocale = query.plugins?.i18n?.locale;
   const [localeSelected, setLocaleSelected] = React.useState(null);
   const setValues = useForm("FillFromAnotherLocale", (state) => state.setValues);
@@ -621,6 +668,9 @@ const FillFromAnotherLocaleAction = ({
     setValues(cleanedData);
     onClose();
   };
+  if (!hasI18n) {
+    return null;
+  }
   return {
     type: "icon",
     icon: /* @__PURE__ */ jsx(Download, {}),
@@ -686,16 +736,23 @@ const DeleteLocaleAction = ({
   const { toggleNotification } = useNotification();
   const { delete: deleteAction } = unstable_useDocumentActions();
   const { hasI18n, canDelete } = useI18n();
+  const [{ query }] = useQueryParams();
+  const { data: locales = [] } = useGetLocalesQuery();
+  const currentDesiredLocale = query.plugins?.i18n?.locale;
+  const locale = !("error" in locales) && locales.find((loc) => loc.code === currentDesiredLocale);
   if (!hasI18n) {
     return null;
   }
   return {
     disabled: document?.locale && !canDelete.includes(document.locale) || !document || !document.id,
     position: ["header", "table-row"],
-    label: formatMessage({
-      id: getTranslation("actions.delete.label"),
-      defaultMessage: "Delete locale"
-    }),
+    label: formatMessage(
+      {
+        id: getTranslation("actions.delete.label"),
+        defaultMessage: "Delete entry ({locale})"
+      },
+      { locale: locale && locale.name }
+    ),
     icon: /* @__PURE__ */ jsx(StyledTrash, {}),
     variant: "danger",
     dialog: {
@@ -712,7 +769,12 @@ const DeleteLocaleAction = ({
         }) })
       ] }),
       onConfirm: async () => {
-        if (!documentId || !document?.locale) {
+        const unableToDelete = (
+          // We are unable to delete a collection type without a document ID
+          // & unable to delete generally if there is no document locale
+          collectionType !== "single-types" && !documentId || !document?.locale
+        );
+        if (unableToDelete) {
           console.error(
             "You're trying to delete a document without an id or locale, this is likely a bug with Strapi. Please open an issue."
           );
@@ -739,13 +801,13 @@ const DeleteLocaleAction = ({
   };
 };
 const BulkLocaleAction = ({
-  document: baseDocument,
+  document,
   documentId,
   model,
   collectionType,
   action
 }) => {
-  const baseLocale = baseDocument?.locale ?? null;
+  const locale = document?.locale ?? null;
   const [{ query }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
   const isOnPublishedTab = query.status === "published";
@@ -756,22 +818,18 @@ const BulkLocaleAction = ({
   const [selectedRows, setSelectedRows] = React.useState([]);
   const [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = React.useState(false);
   const { publishMany: publishManyAction, unpublishMany: unpublishManyAction } = unstable_useDocumentActions();
-  const {
-    document,
-    meta: documentMeta,
-    schema,
-    validate
-  } = unstable_useDocument(
+  const { schema, validate } = unstable_useDocument(
     {
       model,
       collectionType,
       documentId,
       params: {
-        locale: baseLocale
+        locale
       }
     },
     {
-      skip: !hasI18n || !baseLocale
+      // No need to fetch the document, the data is already available in the `document` prop
+      skip: true
     }
   );
   const { data: localesMetadata = [] } = useGetLocalesQuery(hasI18n ? void 0 : skipToken);
@@ -799,18 +857,19 @@ const BulkLocaleAction = ({
     }
   ];
   const [rows, validationErrors] = React.useMemo(() => {
-    if (!document || !documentMeta?.availableLocales) {
+    if (!document) {
       return [[], {}];
     }
-    const rowsFromMeta = documentMeta?.availableLocales.map((doc) => {
-      const { locale, status } = doc;
-      return { locale, status };
+    const localizations = document.localizations ?? [];
+    const locales = localizations.map((doc) => {
+      const { locale: locale2, status } = doc;
+      return { locale: locale2, status };
     });
-    rowsFromMeta.unshift({
+    locales.unshift({
       locale: document.locale,
       status: document.status
     });
-    const allDocuments = [document, ...documentMeta?.availableLocales ?? []];
+    const allDocuments = [document, ...localizations];
     const errors = allDocuments.reduce((errs, document2) => {
       if (!document2) {
         return errs;
@@ -821,8 +880,8 @@ const BulkLocaleAction = ({
       }
       return errs;
     }, {});
-    return [rowsFromMeta, errors];
-  }, [document, documentMeta?.availableLocales, validate]);
+    return [locales, errors];
+  }, [document, validate]);
   const isBulkPublish = action === "bulk-publish";
   const localesForAction = selectedRows.reduce((acc, selectedRow) => {
     const isValidLocale = (
@@ -932,7 +991,7 @@ const BulkLocaleAction = ({
       }
     };
   }
-  const hasPermission = selectedRows.map(({ locale }) => locale).every((locale) => canPublish.includes(locale));
+  const hasPermission = selectedRows.map(({ locale: locale2 }) => locale2).every((locale2) => canPublish.includes(locale2));
   return {
     label: formatMessage({
       id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
@@ -1175,29 +1234,16 @@ const Span = styled(Flex)`
     }
   }
 `;
-const LocaleListCell = ({
-  documentId,
-  locale: currentLocale,
-  collectionType,
-  model
-}) => {
-  const { meta, isLoading } = unstable_useDocument({
-    documentId,
-    collectionType,
-    model,
-    params: {
-      locale: currentLocale
-    }
-  });
+const LocaleListCell = ({ locale: currentLocale, localizations }) => {
   const { locale: language } = useIntl();
   const { data: locales = [] } = useGetLocalesQuery();
   const formatter = useCollator(language, {
     sensitivity: "base"
   });
-  if (!Array.isArray(locales) || isLoading) {
+  if (!Array.isArray(locales) || !localizations) {
     return null;
   }
-  const availableLocales = meta?.availableLocales.map((doc) => doc.locale) ?? [];
+  const availableLocales = localizations.map((loc) => loc.locale);
   const localesForDocument = locales.reduce((acc, locale) => {
     const createdLocale = [currentLocale, ...availableLocales].find((loc) => {
       return loc === locale.code;
@@ -1345,9 +1391,6 @@ const localeMiddleware = (ctx) => (next) => (permissions) => {
   return next(revisedPermissions);
 };
 const prefixPluginTranslations = (trad, pluginId2) => {
-  if (!pluginId2) {
-    throw new TypeError("pluginId can't be empty");
-  }
   return Object.keys(trad).reduce((acc, current) => {
     acc[`${pluginId2}.${current}`] = trad[current];
     return acc;
@@ -1417,7 +1460,7 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => import("./SettingsPage-BjxjwEOb.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => import("./SettingsPage-B-KzAqT3.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
@@ -1479,24 +1522,6 @@ const index = {
         }
       });
       ctbFormsAPI.extendFields(LOCALIZED_FIELDS, {
-        validator: (args) => ({
-          i18n: yup.object().shape({
-            localized: yup.bool().test({
-              name: "ensure-unique-localization",
-              message: getTranslation("plugin.schema.i18n.ensure-unique-localization"),
-              test(value) {
-                if (value === void 0 || value) {
-                  return true;
-                }
-                const unique = get(args, ["3", "modifiedData", "unique"], null);
-                if (unique && !value) {
-                  return false;
-                }
-                return true;
-              }
-            })
-          })
-        }),
         form: {
           advanced({ contentTypeSchema, forTarget, type, step }) {
             if (forTarget !== "contentType") {
@@ -1535,7 +1560,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-9eCAqqrB.mjs"), "./translations/dk.json": () => import("./dk-2qBjxt-P.mjs"), "./translations/en.json": () => import("./en-2xztdZE1.mjs"), "./translations/es.json": () => import("./es-DlmMVaBG.mjs"), "./translations/fr.json": () => import("./fr-3S6ke71d.mjs"), "./translations/ko.json": () => import("./ko-qTjQ8IMw.mjs"), "./translations/pl.json": () => import("./pl-B67TSHqT.mjs"), "./translations/ru.json": () => import("./ru-hagMa57T.mjs"), "./translations/tr.json": () => import("./tr-Dw_jmkG-.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-Dyc-aR-h.mjs"), "./translations/zh.json": () => import("./zh-57YM4amO.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-D80IRBP9.mjs"), "./translations/dk.json": () => import("./dk-CJ6Zzz78.mjs"), "./translations/en.json": () => import("./en-BTyF7WVW.mjs"), "./translations/es.json": () => import("./es-V8WnPN7w.mjs"), "./translations/fr.json": () => import("./fr-F94noFiV.mjs"), "./translations/ko.json": () => import("./ko-CF-P3Car.mjs"), "./translations/pl.json": () => import("./pl-Dxr9RUmD.mjs"), "./translations/ru.json": () => import("./ru-B-4sVwXN.mjs"), "./translations/tr.json": () => import("./tr-Ccu6Yj11.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-Bfo6_TCM.mjs"), "./translations/zh.json": () => import("./zh-BIz395Ms.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1561,4 +1586,4 @@ export {
   index as i,
   useCreateLocaleMutation as u
 };
-//# sourceMappingURL=index-D-qx3tz4.mjs.map
+//# sourceMappingURL=index-BcYj5jo9.mjs.map