@strapi/content-manager 0.0.0-next.b558642be856459a3e6c076f5d76fffbfc5fc5a1 → 0.0.0-next.bb6ff32f5168f3e380d3d9acba90a9d53bfcfb89

package/dist/_chunks/{index-BIWDoFLK.js → index-Cg4RLIAw.js}

@@ -293,7 +293,7 @@ const documentApi = contentManagerApi.injectEndpoints({
      */
     getAllDocuments: builder.query({
       query: ({ model, params }) => ({
-        url: `/content-manager/collection-types/${model}${params ? `?${params}` : ""}`,
+        url: `/content-manager/collection-types/${model}`,
         method: "GET",
         config: {
           params
@@ -1685,10 +1685,10 @@ const useDocumentActions = () => {
     update
   };
 };
-const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-BLCCNgCt.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+const ProtectedHistoryPage = React__namespace.lazy(
+  () => Promise.resolve().then(() => require("./History-BNvm2TK2.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
-const routes$1 = [
+const routes$2 = [
   {
     path: ":collectionType/:slug/:id/history",
     Component: ProtectedHistoryPage
@@ -1698,32 +1698,45 @@ const routes$1 = [
     Component: ProtectedHistoryPage
   }
 ];
+const ProtectedPreviewPage = React__namespace.lazy(
+  () => Promise.resolve().then(() => require("./Preview-1cqLecKr.js")).then((mod) => ({ default: mod.ProtectedPreviewPage }))
+);
+const routes$1 = [
+  {
+    path: ":collectionType/:slug/:id/preview",
+    Component: ProtectedPreviewPage
+  },
+  {
+    path: ":collectionType/:slug/preview",
+    Component: ProtectedPreviewPage
+  }
+];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-C4iTxUPU.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-0zrWXtMz.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-CIQekSFz.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-BEilNylQ.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-DxWpeZrO.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-B3FZwPHp.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-DHDQKBzw.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-DmruXqgR.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-gsCd80MU.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-Bmwd-G2q.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-Oy4tmUrW.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-yNOvz9XO.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-C5cxKvC2.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-BD2C-IMr.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1735,7 +1748,7 @@ const CollectionTypePages = () => {
 const CLONE_RELATIVE_PATH = ":collectionType/:slug/clone/:origin";
 const CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;
 const LIST_RELATIVE_PATH = ":collectionType/:slug";
-const LIST_PATH = `/content-manager/${LIST_RELATIVE_PATH}`;
+const LIST_PATH = `/content-manager/collection-types/:slug`;
 const routes = [
   {
     path: LIST_RELATIVE_PATH,
@@ -1769,6 +1782,7 @@ const routes = [
     path: "no-content-types",
     Component: NoContentType
   },
+  ...routes$2,
   ...routes$1
 ];
 const DocumentActions = ({ actions: actions2 }) => {
@@ -1930,43 +1944,25 @@ const DocumentActionsMenu = ({
             disabled: action.disabled,
             onSelect: handleClick(action),
             display: "block",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", gap: 4, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Flex,
-                {
-                  color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
-                  gap: 2,
-                  tag: "span",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Flex,
-                      {
-                        tag: "span",
-                        color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
-                        children: action.icon
-                      }
-                    ),
-                    action.label
-                  ]
-                }
-              ),
-              action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Flex,
-                {
-                  alignItems: "center",
-                  background: "alternative100",
-                  borderStyle: "solid",
-                  borderColor: "alternative200",
-                  borderWidth: "1px",
-                  height: 5,
-                  paddingLeft: 2,
-                  paddingRight: 2,
-                  hasRadius: true,
-                  color: "alternative600",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", lineHeight: 1, children: formatMessage({ id: "global.new", defaultMessage: "New" }) })
-                }
-              )
-            ] })
+            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "space-between", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.Flex,
+              {
+                color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
+                gap: 2,
+                tag: "span",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.Flex,
+                    {
+                      tag: "span",
+                      color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                      children: action.icon
+                    }
+                  ),
+                  action.label
+                ]
+              }
+            ) })
           },
           action.id
         );
@@ -2557,7 +2553,7 @@ const RelativeTime = React__namespace.forwardRef(
     });
     const unit = intervals.find((intervalUnit) => {
       return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
-    });
+    }) ?? "seconds";
     const relativeTime = dateFns.isPast(timestamp) ? -interval[unit] : interval[unit];
     const customInterval = customIntervals.find(
       (custom) => interval[custom.unit] < custom.threshold
@@ -2591,9 +2587,13 @@ const getDisplayName = ({
   return email ?? "";
 };
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-const DocumentStatus = ({ status = "draft", ...restProps }) => {
+const DocumentStatus = ({ status = "draft", size = "S", ...restProps }) => {
   const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: capitalise(status) }) });
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Status, { ...restProps, size, variant: statusVariant, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: formatMessage({
+    id: `content-manager.containers.List.${status}`,
+    defaultMessage: capitalise(status)
+  }) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
   const { formatMessage } = reactIntl.useIntl();
@@ -4023,13 +4023,68 @@ const { setInitialData } = actions;
 const reducer = toolkit.combineReducers({
   app: reducer$1
 });
+const previewApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getPreviewUrl: builder.query({
+      query({ query, params }) {
+        return {
+          url: `/content-manager/preview/url/${params.contentType}`,
+          method: "GET",
+          config: {
+            params: query
+          }
+        };
+      }
+    })
+  })
+});
+const { useGetPreviewUrlQuery } = previewApi;
+const PreviewSidePanel = ({ model, documentId, document }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { trackUsage } = strapiAdmin.useTracking();
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const { data, error } = useGetPreviewUrlQuery({
+    params: {
+      contentType: model
+    },
+    query: {
+      documentId,
+      locale: document?.locale,
+      status: document?.status
+    }
+  });
+  if (!data?.data?.url || error) {
+    return null;
+  }
+  const handleClick = () => {
+    trackUsage("willOpenPreview");
+  };
+  return {
+    title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
+    content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "tertiary",
+        tag: reactRouterDom.Link,
+        to: { pathname: "preview", search: qs.stringify(query, { encode: false }) },
+        onClick: handleClick,
+        flex: "auto",
+        children: formatMessage({
+          id: "content-manager.preview.panel.button",
+          defaultMessage: "Open preview"
+        })
+      }
+    ) })
+  };
+};
 const FEATURE_ID = "preview";
 const previewAdmin = {
   bootstrap(app) {
     if (!window.strapi.future.isEnabled(FEATURE_ID)) {
-      return {};
+      return;
     }
-    console.log("Bootstrapping preview admin");
+    const contentManagerPluginApis = app.getPlugin("content-manager").apis;
+    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
   }
 };
 const index = {
@@ -4051,7 +4106,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-lMc9i1-Z.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-Cj_1EKbm.js"));
         return {
           Component: Layout
         };
@@ -4071,7 +4126,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-Bm0D0IWz.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.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-CcFe8diO.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-CHOp_xJv.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
@@ -4129,5 +4184,6 @@ exports.useGetAllContentTypeSettingsQuery = useGetAllContentTypeSettingsQuery;
 exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
+exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BIWDoFLK.js.map
+//# sourceMappingURL=index-Cg4RLIAw.js.map