sitero 0.2.0 → 0.4.0

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/page.js

@@ -1,25 +1,27 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { File, SquareLibrary, Notebook } from 'lucide-react';
+import { SquareLibrary, SquareArrowOutUpRight, Pen, Plus, File, Notebook } from 'lucide-react';
 import { useParams } from 'next/navigation';
 import { useState } from 'react';
 import { POST_TYPES } from 'sitero-domain';
-import { CMS_PATHS } from '../../../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../../constants/cms-locale.js';
+import 'zod';
+import 'sonner';
 import 'ua-parser-js';
 import '../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useQuery } from '../../../../../../../../shared/client/react-query/use-query.js';
+import { useCmsQuery } from '../../../../../../infrastructure/operation-result/use-cms-query.js';
 import { isContentTopic, hasTopicRole } from '../../../../../../../../config/topics.js';
+import { POST_CUSTOM_STATE_FIELDS } from '../../../../../../../../config/post.js';
+import { CMS_PATHS } from '../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import { findTranslation } from '../../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
 import { DO_NOT_FETCH_KEY } from '../../../../../../../../shared/list-item.js';
-import 'zod';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../components/shadcn/badge.js';
@@ -34,17 +36,21 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import { Spinner } from '../../../../../components/shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../../infrastructure/admin-session/admin-context.js';
-import { PageHeader } from '../../../../../components/ui/blocks/page-header/page-header.js';
+import { LinkButton } from '../../../../../components/ui/buttons/link-button.js';
+import { ExternalLinkButton } from '../../../../../components/ui/buttons/external-link-button.js';
+import { ReturnButton } from '../../../../../components/ui/buttons/return-button.js';
+import '../../../../../components/ui/inputs/input.js';
+import '../../../../../components/ui/inputs/textarea.js';
+import { CategoryTable } from '../../../../../components/resources/post/category/category-table.js';
+import { PageHeaderLayout } from '../../../../../components/ui/blocks/page-header/page-header-layout.js';
+import '../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../components/ui/inputs/password-input.js';
 import { Accordion } from '../../../../../components/ui/features/accordion/accordion.js';
-import { ExternalLink } from '../../../../../components/ui/features/external-link.js';
 import 'next/image';
-import { CategoryCard } from '../../../../../components/resources/post/category/category-card.js';
-import { CategoryTable } from '../../../../../components/resources/post/category/category-table.js';
+import '../../../../../../infrastructure/admin-session/admin-context.js';
 import 'intor/next';
 import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
 
@@ -53,6 +59,7 @@ function createTopicScopePage({
   topics: staticTopics,
   externalHref,
   postFindDetailAction,
+  CategoryCard,
   PostList: PostListBase,
   allowField
 }) {
@@ -76,7 +83,7 @@ function createTopicScopePage({
       data: topic,
       isFetching,
       isNotFound
-    } = useQuery(
+    } = useCmsQuery(
       () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
       { select: (data) => data?.post }
@@ -88,6 +95,7 @@ function createTopicScopePage({
       {}
     );
     const getUsableFields = (type) => [
+      ...POST_CUSTOM_STATE_FIELDS.filter((key) => isFieldAllowed(type, key)),
       ...isFieldAllowed(type, "isActive") ? ["isActive"] : [],
       ...isFieldAllowed(type, "isIndexActive") ? ["isIndexActive"] : [],
       ...isFieldAllowed(type, "isSlugActive") ? ["isSlugActive"] : [],
@@ -104,51 +112,90 @@ function createTopicScopePage({
         localKey: `post-${POST_TYPES.POST}`
       }
     );
+    const websiteHref = externalHref?.(topicSlug) ?? `/${topicSlug}`;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "index",
-          showTopicSettingButton: enableTopic,
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
             icon: SquareLibrary,
             title: !isFetching ? topicT.title : /* @__PURE__ */ jsx(Spinner, {})
           },
-          settingButtonProps: {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].topic.pathname,
-              topic?.id
-            )
-          },
-          createCategoryButtonProps: hasCategory ? {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].category.pathname(
-                topicSlug
-              ),
-              "create"
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            enableTopic && /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "outline",
+                icon: Pen,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].topic.pathname,
+                  topic?.id
+                ),
+                isDisabled: isFetching || isNotFound || !isContentTopicScope,
+                children: t("ui.setting.text")
+              }
             ),
-            children: t("ui.create.text") + t("resources.category.text")
-          } : void 0,
-          createSubcategoryButtonProps: hasSubcategory ? {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].subcategory.pathname(topicSlug),
-              "create"
+            hasCategory && /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "success",
+                icon: Plus,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].category.pathname(
+                    topicSlug
+                  ),
+                  "create"
+                ),
+                isDisabled: isFetching || isNotFound || !isContentTopicScope,
+                children: t("ui.create-resource.text", {
+                  resource: t("resources.category.text")
+                })
+              }
             ),
-            children: t("ui.create.text") + t("resources.subcategory.text")
-          } : void 0,
-          createButtonProps: hasPost ? {
-            icon: File,
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].post.pathname(
-                topicSlug
-              ),
-              "create"
+            hasSubcategory && /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "success",
+                icon: Plus,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].subcategory.pathname(topicSlug),
+                  "create"
+                ),
+                isDisabled: isFetching || isNotFound || !isContentTopicScope,
+                children: t("ui.create-resource.text", {
+                  resource: t("resources.subcategory.text")
+                })
+              }
             ),
-            children: t("ui.create.text") + t("resources.post.text")
-          } : void 0,
-          rightChildren: /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(topicSlug) ?? `/${topicSlug}` }),
-          isDisabled: isFetching,
-          isNotFound: isNotFound || !isContentTopicScope
+            hasPost && /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "success",
+                icon: File,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].post.pathname(
+                    topicSlug
+                  ),
+                  "create"
+                ),
+                isDisabled: isFetching || isNotFound || !isContentTopicScope,
+                children: t("ui.create-resource.text", {
+                  resource: t("resources.post.text")
+                })
+              }
+            )
+          ] }),
+          utilities: websiteHref && /* @__PURE__ */ jsx(
+            ExternalLinkButton,
+            {
+              href: websiteHref,
+              variant: "outline",
+              size: "icon",
+              icon: SquareArrowOutUpRight,
+              "aria-label": t("ui.view-website-page.text")
+            }
+          )
         }
       ),
       isContentTopicScope && /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: !hasCategory, children: hasCategory ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -172,20 +219,8 @@ function createTopicScopePage({
                 type: POST_TYPES.CATEGORY,
                 topicId: topic?.id ?? DO_NOT_FETCH_KEY,
                 setListItemStates: setCategoryStates,
-                Card: (props) => /* @__PURE__ */ jsx(
-                  CategoryCard,
-                  {
-                    ...props,
-                    hasSubcategory
-                  }
-                ),
-                Table: (props) => /* @__PURE__ */ jsx(
-                  CategoryTable,
-                  {
-                    ...props,
-                    hasSubcategory
-                  }
-                ),
+                Card: (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props }),
+                Table: (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props }),
                 localKey: `category-${POST_TYPES.CATEGORY}`
               }
             )

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/post/_id_/edit/page.js

@@ -3,24 +3,25 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { useParams } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
-import { CMS_PATHS } from '../../../../../../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../../../../../constants/cms-locale.js';
+import 'zod';
+import 'sonner';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useQuery } from '../../../../../../../../../../../shared/client/react-query/use-query.js';
+import { useCmsQuery } from '../../../../../../../../../infrastructure/operation-result/use-cms-query.js';
+import { CMS_PATHS } from '../../../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import { findTranslation } from '../../../../../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../../shared/utils/ensure-array.js';
 import { joinUrl } from '../../../../../../../../../../../shared/utils/join-url.js';
-import 'zod';
 import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
 import 'lucide-react';
-import { PageHeader } from '../../../../../../../../components/ui/blocks/page-header/page-header.js';
+import { PageHeaderLayout } from '../../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../../components/shadcn/button.js';
@@ -34,11 +35,15 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/link';
+import { ReturnButton } from '../../../../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../../components/ui/inputs/textarea.js';
 import { Badge } from '../../../../../../../../components/ui/display/badge.js';
+import '../../../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../../../components/ui/inputs/password-input.js';
 
 function createPostEditPage({
   topics: staticTopics,
@@ -46,10 +51,11 @@ function createPostEditPage({
   postFindManyAction,
   renderPostEditContent,
   PostEditContent,
-  allowField
+  allowField,
+  defaultWebLocale
 }) {
   return function PostEditPage() {
-    const { t, locale } = useTranslator();
+    const { t } = useTranslator();
     const { id, topicSlug } = useParams();
     const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
     const postType = POST_TYPES.POST;
@@ -58,7 +64,7 @@ function createPostEditPage({
     const hasSubcategory = roles.includes(POST_TYPES.SUBCATEGORY);
     const categoryType = POST_TYPES.CATEGORY;
     const subcategoryType = POST_TYPES.SUBCATEGORY;
-    const { data: topic, isFetching: isFetchingTopic } = useQuery(
+    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
       () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
       { select: (data) => data?.post }
@@ -67,10 +73,14 @@ function createPostEditPage({
       data: post,
       isFetching,
       isNotFound
-    } = useQuery(() => postFindDetailAction({ id }), ["postFindDetailAction", id], {
-      select: (data) => data?.post
-    });
-    const { data: posts, isFetching: isFetchingControlMeta } = useQuery(
+    } = useCmsQuery(
+      () => postFindDetailAction({ id }),
+      ["postFindDetailAction", id],
+      {
+        select: (data) => data?.post
+      }
+    );
+    const { data: posts, isFetching: isFetchingControlMeta } = useCmsQuery(
       () => postFindManyAction({ type: postType, topicId: topic?.id }),
       ["postFindManyAction", postType, topic?.id],
       { select: (data) => data?.posts, enabled: !!topic }
@@ -82,18 +92,23 @@ function createPostEditPage({
     });
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "edit",
+          navigation: /* @__PURE__ */ jsx(
+            ReturnButton,
+            {
+              useConfirm: true,
+              href: joinUrl(
+                CMS_PATHS.content["content-management"].post.pathname(
+                  topicSlug
+                ),
+                id
+              )
+            }
+          ),
           titleProps: {
             title: t("resources.post.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetching, children: findTranslation(topic?.translations, locale)?.title })
-          },
-          returnButtonProps: {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].post.pathname(topicSlug),
-              id
-            )
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetching, children: findTranslation(topic?.translations, defaultWebLocale)?.title })
           }
         }
       ),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/post/_id_/page.js

@@ -1,25 +1,26 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
+import { SquareArrowOutUpRight, Pen, Trash2, Lock } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
-import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../../../../constants/cms-locale.js';
+import 'zod';
+import 'sonner';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { useCommand } from '../../../../../../../../../../shared/client/react-query/use-command.js';
-import { useQuery } from '../../../../../../../../../../shared/client/react-query/use-query.js';
+import { useCmsQuery } from '../../../../../../../../infrastructure/operation-result/use-cms-query.js';
+import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import { findTranslation } from '../../../../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
-import 'zod';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
-import 'lucide-react';
+import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../components/shadcn/button.js';
@@ -33,13 +34,22 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/link';
 import { Badge } from '../../../../../../../components/ui/display/badge.js';
-import { ExternalLink } from '../../../../../../../components/ui/features/external-link.js';
+import { ActionButton } from '../../../../../../../components/ui/buttons/action-button.js';
+import { LinkButton } from '../../../../../../../components/ui/buttons/link-button.js';
+import { ExternalLinkButton } from '../../../../../../../components/ui/buttons/external-link-button.js';
+import { ReturnButton } from '../../../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../components/ui/inputs/textarea.js';
+import { PageHeaderLayout } from '../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
+import '../../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../../components/ui/inputs/password-input.js';
 import 'next/image';
+import { PostRelationsLink } from '../../../../../../../components/resources/post/post-relations-link.js';
+import '../../../../../../../../infrastructure/admin-session/admin-context.js';
+import 'intor/next';
 
 function createPostShowPage({
   topics: staticTopics,
@@ -51,18 +61,17 @@ function createPostShowPage({
   renderPostShowContent,
   PostShowContent,
   allowField,
-  PostRelationsSection
+  defaultWebLocale
 }) {
   return function PostShowPage() {
-    const { t, locale } = useTranslator();
+    const { t } = useTranslator();
     const { id, topicSlug } = useParams();
     const router = useRouter();
     const postType = POST_TYPES.POST;
-    const isFieldAllowed = (type, field, fieldRuleKey) => allowField?.({ topicSlug, type, field, fieldRuleKey }) ?? false;
     const subcategoryType = staticTopics[topicSlug]?.roles.includes(
       POST_TYPES.SUBCATEGORY
     ) ? POST_TYPES.SUBCATEGORY : void 0;
-    const { data: topic, isFetching: isFetchingTopic } = useQuery(
+    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
       () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
       { select: (data) => data?.post }
@@ -71,9 +80,13 @@ function createPostShowPage({
       data: post,
       isFetching,
       isNotFound
-    } = useQuery(() => postFindDetailAction({ id }), ["postFindDetailAction", id], {
-      select: (data) => data?.post
-    });
+    } = useCmsQuery(
+      () => postFindDetailAction({ id }),
+      ["postFindDetailAction", id],
+      {
+        select: (data) => data?.post
+      }
+    );
     const { execute, isRedirecting } = useCommand(
       () => postDeleteAction({ id }),
       {
@@ -85,37 +98,66 @@ function createPostShowPage({
         )
       }
     );
+    const websiteHref = post ? externalHref?.(post) : void 0;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "show",
+          navigation: /* @__PURE__ */ jsx(
+            ReturnButton,
+            {
+              href: joinUrl(
+                CMS_PATHS.content["content-management"].pathname,
+                topicSlug
+              )
+            }
+          ),
           titleProps: {
             title: t("resources.post.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
-          },
-          returnButtonProps: {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].pathname,
-              topicSlug
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, defaultWebLocale)?.title }),
+            rightChildren: post?.isLocked && /* @__PURE__ */ jsx(
+              Lock,
+              {
+                className: "size-4",
+                role: "img",
+                "aria-label": t("ui.locked.text"),
+                "aria-hidden": false
+              }
             )
           },
-          editButtonProps: {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].post.pathname(topicSlug),
-              id,
-              "edit"
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "warning",
+                icon: Pen,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].post.pathname(
+                    topicSlug
+                  ),
+                  id,
+                  "edit"
+                ),
+                isDisabled: isFetching || post?.isLocked,
+                children: t("ui.edit.text")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                variant: "destructive",
+                icon: Trash2,
+                onClick: () => {
+                  if (!confirm(t("ui.dialog.confirm.text"))) return;
+                  void execute();
+                },
+                isLoading: isRedirecting,
+                isDisabled: isFetching || post?.isLocked,
+                children: t("ui.destroy.text")
+              }
             )
-          },
-          destroyButtonProps: {
-            onClick: () => {
-              if (!confirm(t("ui.dialog.confirm.text"))) return;
-              void execute();
-            },
-            isLoading: isRedirecting,
-            isDisabled: isFetching || post?.isLocked
-          },
-          rightChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          ] }),
+          utilities: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
             !!enableSeoMetadata && /* @__PURE__ */ jsx(
               SeoMetadataDialog,
               {
@@ -125,10 +167,17 @@ function createPostShowPage({
                 isDisabled: isNotFound
               }
             ),
-            post && externalHref?.(post) && /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(post) })
-          ] }),
-          isDisabled: isFetching,
-          isNotFound
+            websiteHref && /* @__PURE__ */ jsx(
+              ExternalLinkButton,
+              {
+                href: websiteHref,
+                variant: "outline",
+                size: "icon",
+                icon: SquareArrowOutUpRight,
+                "aria-label": t("ui.view-website-page.text")
+              }
+            )
+          ] })
         }
       ),
       PostShowContent && allowField && /* @__PURE__ */ jsx(
@@ -139,19 +188,18 @@ function createPostShowPage({
           isNotFound,
           subcategoryType,
           allowField,
-          children: isFieldAllowed(postType, "relatedPosts") && PostRelationsSection && /* @__PURE__ */ jsx(
-            PostRelationsSection,
+          topChildren: post ? /* @__PURE__ */ jsx(
+            PostRelationsLink,
             {
-              post,
-              usableFields: [
-                ...isFieldAllowed(postType, "isActive") ? ["isActive"] : [],
-                ...isFieldAllowed(postType, "isIndexActive") ? ["isIndexActive"] : [],
-                ...isFieldAllowed(postType, "isSlugActive") ? ["isSlugActive"] : [],
-                ...isFieldAllowed(postType, "isFeatured") ? ["isFeatured"] : [],
-                ...isFieldAllowed(postType, "isShownOnHome") ? ["isShownOnHome"] : []
-              ]
+              href: joinUrl(
+                CMS_PATHS.content["content-management"].post.pathname(
+                  topicSlug
+                ),
+                id,
+                "relations"
+              )
             }
-          )
+          ) : void 0
         }
       ),
       renderPostShowContent && renderPostShowContent({