@strapi/content-manager 0.0.0-next.3c5400321681b66eb35ab84c11113a78c1d9386e → 0.0.0-next.3db8f1fc613b89bf7742dc5746bf21a8d8ba0d04

package/dist/_chunks/{index-CIGqNlT4.js → index-Bi51q_DG.js}

@@ -1686,7 +1686,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-CEAv0jdM.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-DMFKKvIA.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1699,31 +1699,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-CgFk840g.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-Ck6Duztu.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-w3fcfl3W.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-Z3jPNVn2.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-DK7F6XUX.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-BDV_ABiG.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-D8xVthEX.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-DXBEGkOc.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-BPY6mJkq.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-6pw-DvAu.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-CR9sQimh.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-D9hyWZPp.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-B53dO6wE.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-ZvbWHVfG.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -4041,6 +4041,9 @@ const previewApi = contentManagerApi.injectEndpoints({
 const { useGetPreviewUrlQuery } = previewApi;
 const PreviewSidePanel = ({ model, documentId, document }) => {
   const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { copy } = strapiAdmin.useClipboard();
+  const { trackUsage } = strapiAdmin.useTracking();
   const { data, error } = useGetPreviewUrlQuery({
     params: {
       contentType: model
@@ -4054,12 +4057,51 @@ const PreviewSidePanel = ({ model, documentId, document }) => {
   if (!data?.data?.url || error) {
     return null;
   }
+  const { url } = data.data;
+  const handleCopyLink = () => {
+    copy(url);
+    toggleNotification({
+      message: formatMessage({
+        id: "content-manager.preview.copy.success",
+        defaultMessage: "Copied preview link"
+      }),
+      type: "success"
+    });
+  };
+  const handleClick = () => {
+    trackUsage("willOpenPreview");
+  };
   return {
     title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
-    content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", fullWidth: true, tag: reactRouterDom.Link, to: data.data.url, target: "_blank", children: formatMessage({
-      id: "content-manager.preview.panel.button",
-      defaultMessage: "Open preview"
-    }) })
+    content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "tertiary",
+          tag: reactRouterDom.Link,
+          to: url,
+          onClick: handleClick,
+          target: "_blank",
+          flex: "auto",
+          children: formatMessage({
+            id: "content-manager.preview.panel.button",
+            defaultMessage: "Open preview"
+          })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.IconButton,
+        {
+          type: "button",
+          label: formatMessage({
+            id: "preview.copy.label",
+            defaultMessage: "Copy preview link"
+          }),
+          onClick: handleCopyLink,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
+        }
+      )
+    ] })
   };
 };
 const FEATURE_ID = "preview";
@@ -4069,9 +4111,7 @@ const previewAdmin = {
       return;
     }
     const contentManagerPluginApis = app.getPlugin("content-manager").apis;
-    if ("addEditViewSidePanel" in contentManagerPluginApis && typeof contentManagerPluginApis.addEditViewSidePanel === "function") {
-      contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
-    }
+    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
   }
 };
 const index = {
@@ -4093,7 +4133,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-Bv0GJto7.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-MJxdu163.js"));
         return {
           Component: Layout
         };
@@ -4113,7 +4153,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-C-J4DGEe.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B2Kyv8Z9.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-7sfIbjxE.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bdpa50w3.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B2Kyv8Z9.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-7sfIbjxE.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -4172,4 +4212,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-CIGqNlT4.js.map
+//# sourceMappingURL=index-Bi51q_DG.js.map