@strapi/i18n 0.0.0-experimental.93181c8b900e97a04bf10785b368657101ec98d8 → 0.0.0-experimental.953e1857bbad81a3c34f5d6511736c1bc8b91dcb

package/dist/_chunks/{index-CgjpU2bY.mjs → index-DUdrr5PR.mjs}

@@ -1,13 +1,13 @@
 import get from "lodash/get";
 import * as yup from "yup";
-import { jsxs, jsx } from "react/jsx-runtime";
+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, 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";
-import { useAuth, adminApi, useTable, Table, useQueryParams, useNotification, useAPIErrorHandler } from "@strapi/admin/strapi-admin";
+import { useAuth, adminApi, useTable, Table, useQueryParams, useForm, useNotification, useAPIErrorHandler } from "@strapi/admin/strapi-admin";
 import { unstable_useDocument, unstable_useDocumentActions, buildValidParams } from "@strapi/content-manager/strapi-admin";
 import { useParams, Link, useNavigate, matchPath } from "react-router-dom";
 import * as qs from "qs";
@@ -217,6 +217,86 @@ const relationsApi = i18nApi.injectEndpoints({
   })
 });
 const { useGetManyDraftRelationCountQuery } = relationsApi;
+const cleanData = (data, schema, components) => {
+  const cleanedData = removeFields(data, [
+    "createdAt",
+    "createdBy",
+    "updatedAt",
+    "updatedBy",
+    "id",
+    "documentId",
+    "publishedAt",
+    "strapi_stage",
+    "strapi_assignee",
+    "locale",
+    "status"
+  ]);
+  const cleanedDataWithoutPasswordAndRelation = recursiveRemoveFieldTypes(
+    cleanedData,
+    schema,
+    components,
+    ["relation", "password"]
+  );
+  return cleanedDataWithoutPasswordAndRelation;
+};
+const removeFields = (data, fields) => {
+  return Object.keys(data).reduce((acc, current) => {
+    if (fields.includes(current)) {
+      return acc;
+    }
+    acc[current] = data[current];
+    return acc;
+  }, {});
+};
+const recursiveRemoveFieldTypes = (data, schema, components, fields) => {
+  return Object.keys(data).reduce((acc, current) => {
+    const attribute = schema.attributes[current] ?? { type: void 0 };
+    if (fields.includes(attribute.type)) {
+      return acc;
+    }
+    if (attribute.type === "dynamiczone") {
+      acc[current] = data[current].map((componentValue, index2) => {
+        const { id: _, ...rest } = recursiveRemoveFieldTypes(
+          componentValue,
+          components[componentValue.__component],
+          components,
+          fields
+        );
+        return {
+          ...rest,
+          __temp_key__: index2 + 1
+        };
+      });
+    } else if (attribute.type === "component") {
+      const { repeatable, component } = attribute;
+      if (repeatable) {
+        acc[current] = (data[current] ?? []).map((compoData, index2) => {
+          const { id: _, ...rest } = recursiveRemoveFieldTypes(
+            compoData,
+            components[component],
+            components,
+            fields
+          );
+          return {
+            ...rest,
+            __temp_key__: index2 + 1
+          };
+        });
+      } else {
+        const { id: _, ...rest } = recursiveRemoveFieldTypes(
+          data[current] ?? {},
+          components[component],
+          components,
+          fields
+        );
+        acc[current] = rest;
+      }
+    } else {
+      acc[current] = data[current];
+    }
+    return acc;
+  }, {});
+};
 const isErrorMessageDescriptor = (object) => {
   return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
 };
@@ -411,6 +491,48 @@ 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",
+        showBullet: false,
+        size: "S",
+        variant: statusVariants[status],
+        children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+      }
+    ) : null
+  ] });
+};
 const LocalePickerAction = ({
   document,
   meta,
@@ -422,7 +544,13 @@ const LocalePickerAction = ({
   const [{ query }, setQuery] = useQueryParams();
   const { hasI18n, canCreate, canRead } = useI18n();
   const { data: locales = [] } = useGetLocalesQuery();
-  const { schema } = unstable_useDocument({ model, collectionType, documentId });
+  const currentDesiredLocale = query.plugins?.i18n?.locale;
+  const { schema } = unstable_useDocument({
+    model,
+    collectionType,
+    documentId,
+    params: { locale: currentDesiredLocale }
+  });
   const handleSelect = React.useCallback(
     (value) => {
       setQuery({
@@ -440,53 +568,47 @@ const LocalePickerAction = ({
     if (!Array.isArray(locales) || !hasI18n) {
       return;
     }
-    const currentDesiredLocale = query.plugins?.i18n?.locale;
     const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
     const defaultLocale = locales.find((locale) => locale.isDefault);
     if (!doesLocaleExist && defaultLocale?.code) {
       handleSelect(defaultLocale.code);
     }
-  }, [handleSelect, hasI18n, locales, query.plugins?.i18n?.locale]);
-  if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
-    return null;
-  }
-  const currentLocale = query.plugins?.i18n?.locale || locales.find((loc) => loc.isDefault)?.code;
+  }, [handleSelect, hasI18n, locales, currentDesiredLocale]);
+  const currentLocale = Array.isArray(locales) ? locales.find((locale) => locale.code === currentDesiredLocale) : void 0;
   const allCurrentLocales = [
-    { status: getDocumentStatus(document, meta), locale: currentLocale },
+    { status: getDocumentStatus(document, meta), locale: currentLocale?.code },
     ...meta?.availableLocales ?? []
   ];
+  if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
+    return null;
+  }
   return {
     label: formatMessage({
       id: getTranslation("Settings.locales.modal.locales.label"),
       defaultMessage: "Locales"
     }),
     options: locales.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" ? "primary" : 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
   };
@@ -502,6 +624,99 @@ const getDocumentStatus = (document, meta) => {
   }
   return docStatus;
 };
+const FillFromAnotherLocaleAction = ({
+  documentId,
+  meta,
+  model,
+  collectionType
+}) => {
+  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);
+  const { getDocument } = unstable_useDocumentActions();
+  const { schema, components } = unstable_useDocument({
+    model,
+    documentId,
+    collectionType,
+    params: { locale: currentDesiredLocale }
+  });
+  const { data: locales = [] } = useGetLocalesQuery();
+  const availableLocales = Array.isArray(locales) ? locales.filter((locale) => meta?.availableLocales.some((l) => l.locale === locale.code)) : [];
+  const fillFromLocale = (onClose) => async () => {
+    const response = await getDocument({
+      collectionType,
+      model,
+      documentId,
+      params: { locale: localeSelected }
+    });
+    if (!response || !schema) {
+      return;
+    }
+    const { data } = response;
+    const cleanedData = cleanData(data, schema, components);
+    setValues(cleanedData);
+    onClose();
+  };
+  if (!hasI18n) {
+    return null;
+  }
+  return {
+    type: "icon",
+    icon: /* @__PURE__ */ jsx(Download, {}),
+    disabled: availableLocales.length === 0,
+    label: formatMessage({
+      id: getTranslation("CMEditViewCopyLocale.copy-text"),
+      defaultMessage: "Fill in from another locale"
+    }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: getTranslation("CMEditViewCopyLocale.dialog.title"),
+        defaultMessage: "Confirmation"
+      }),
+      content: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+          /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
+          /* @__PURE__ */ jsx(Typography, { textAlign: "center", children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.dialog.body"),
+            defaultMessage: "Your current content will be erased and filled by the content of the selected locale:"
+          }) }),
+          /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+              id: getTranslation("CMEditViewCopyLocale.dialog.field.label"),
+              defaultMessage: "Locale"
+            }) }),
+            /* @__PURE__ */ jsx(
+              SingleSelect,
+              {
+                value: localeSelected,
+                placeholder: formatMessage({
+                  id: getTranslation("CMEditViewCopyLocale.dialog.field.placeholder"),
+                  defaultMessage: "Select one locale..."
+                }),
+                onChange: (value) => setLocaleSelected(value),
+                children: availableLocales.map((locale) => /* @__PURE__ */ jsx(SingleSelectOption, { value: locale.code, children: locale.name }, locale.code))
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, width: "100%", children: [
+          /* @__PURE__ */ jsx(Button, { flex: "auto", variant: "tertiary", onClick: onClose, children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.cancel-text"),
+            defaultMessage: "No, cancel"
+          }) }),
+          /* @__PURE__ */ jsx(Button, { flex: "auto", variant: "success", onClick: fillFromLocale(onClose), children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.submit-text"),
+            defaultMessage: "Yes, fill in"
+          }) })
+        ] }) })
+      ] })
+    }
+  };
+};
 const DeleteLocaleAction = ({
   document,
   documentId,
@@ -513,16 +728,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: {
@@ -539,7 +761,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."
           );
@@ -598,7 +825,7 @@ const BulkLocaleAction = ({
       }
     },
     {
-      skip: !hasI18n
+      skip: !hasI18n || !baseLocale
     }
   );
   const { data: localesMetadata = [] } = useGetLocalesQuery(hasI18n ? void 0 : skipToken);
@@ -1172,9 +1399,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;
@@ -1244,11 +1468,11 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => import("./SettingsPage-CPNFX0bZ.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => import("./SettingsPage-BHvunuIF.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
-    contentManager.apis.addDocumentHeaderAction([LocalePickerAction]);
+    contentManager.apis.addDocumentHeaderAction([LocalePickerAction, FillFromAnotherLocaleAction]);
     contentManager.apis.addDocumentAction((actions) => {
       const indexOfDeleteAction = actions.findIndex((action) => action.type === "delete");
       actions.splice(indexOfDeleteAction, 0, DeleteLocaleAction);
@@ -1362,7 +1586,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-CtekP_47.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-9eCAqqrB.mjs"), "./translations/dk.json": () => import("./dk-2qBjxt-P.mjs"), "./translations/en.json": () => import("./en-DlXfy6Gy.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 {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1388,4 +1612,4 @@ export {
   index as i,
   useCreateLocaleMutation as u
 };
-//# sourceMappingURL=index-CgjpU2bY.mjs.map
+//# sourceMappingURL=index-DUdrr5PR.mjs.map