sitero 0.1.0 → 0.1.1

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

@@ -19,6 +19,7 @@ import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
 import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
+import '../../../../../../../../../../../core/domain/resources/admin/constants.js';
 import { PageHeader } from '../../../../../../../../components/ui/blocks/page-header/page-header.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../../components/shadcn/badge.js';
@@ -39,16 +40,19 @@ import 'next/link';
 import { Badge } from '../../../../../../../../components/ui/display/badge.js';
 
 function createCategoryEditPage({
-  topics: staticTopics,
   postFindAction,
   postFindFullAction,
   postFindManyAction,
-  renderPostEditContent
+  renderPostEditContent,
+  PostEditContent,
+  allowField
 }) {
   return function CategoryEditPage() {
     const { t, locale } = useTranslator();
     const { id, topicSlug } = useParams();
-    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
+    const categoryType = POST_TYPES.CATEGORY;
+    const subcategoryType = POST_TYPES.SUBCATEGORY;
     const { data: topic, isFetching: isFetchingTopic } = useQuery(
       () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindAction", POST_TYPES.TOPIC, topicSlug],
@@ -83,9 +87,21 @@ function createCategoryEditPage({
           }
         }
       ),
-      renderPostEditContent({
+      PostEditContent && allowField && /* @__PURE__ */ jsx(
+        PostEditContent,
+        {
+          post: category,
+          postType: categoryType,
+          controlMeta,
+          isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+          isNotFound,
+          allowField: allowFieldInTopic
+        }
+      ),
+      renderPostEditContent?.({
         category,
         categoryType,
+        subcategoryType,
         controlMeta,
         isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
         isNotFound

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

@@ -36,9 +36,9 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import '../../../../../../../../../../core/domain/resources/admin/constants.js';
 import 'next/link';
 import { Badge } from '../../../../../../../components/ui/display/badge.js';
-import '../../../../../../../../../../core/domain/resources/admin/constants.js';
 import { ExternalLink } from '../../../../../../../components/ui/features/external-link.js';
 import 'next/image';
 
@@ -50,13 +50,20 @@ function createCategoryShowPage({
   postFindFullAction,
   postDeleteAction,
   SeoMetadataDialog,
-  renderPostShowContent
+  renderPostShowContent,
+  PostShowContent,
+  allowField,
+  CategoryRelationsSection
 }) {
   return function CategoryShowPage() {
     const { t, locale } = useTranslator();
     const { id, topicSlug } = useParams();
     const router = useRouter();
-    const postType = staticTopics[topicSlug]?.postType;
+    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(
       () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindAction", POST_TYPES.TOPIC, topicSlug],
@@ -130,7 +137,39 @@ function createCategoryShowPage({
           isLocked: category?.isLocked
         }
       ),
-      renderPostShowContent({
+      PostShowContent && allowField && /* @__PURE__ */ jsx(
+        PostShowContent,
+        {
+          post: category,
+          isFetching,
+          isNotFound,
+          allowField,
+          children: category && CategoryRelationsSection && /* @__PURE__ */ jsx(
+            CategoryRelationsSection,
+            {
+              category,
+              headerProps: { children: t("resources.post.text") },
+              usableFields: [
+                ...isFieldAllowed(subcategoryType || postType, "isActive") ? ["isActive"] : [],
+                ...isFieldAllowed(
+                  subcategoryType || postType,
+                  "isIndexActive"
+                ) ? ["isIndexActive"] : [],
+                ...isFieldAllowed(
+                  subcategoryType || postType,
+                  "isSlugActive"
+                ) ? ["isSlugActive"] : [],
+                ...isFieldAllowed(subcategoryType || postType, "isFeatured") ? ["isFeatured"] : [],
+                ...isFieldAllowed(
+                  subcategoryType || postType,
+                  "isShownOnHome"
+                ) ? ["isShownOnHome"] : []
+              ]
+            }
+          )
+        }
+      ),
+      renderPostShowContent?.({
         category,
         postType,
         isFetching,

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

@@ -20,8 +20,9 @@ import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
 import { getControlMeta } from '../../../../../../../../applications/form/get-control-meta.js';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
 import 'lucide-react';
+import '../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../components/shadcn/button.js';
@@ -41,15 +42,18 @@ import 'next/link';
 import { Badge } from '../../../../../../../components/ui/display/badge.js';
 
 function createCategoryCreatePage({
-  topics: staticTopics,
   postFindAction,
   postFindManyAction,
-  renderPostCreateContent
+  renderPostCreateContent,
+  PostCreateContent,
+  allowField
 }) {
   return function CategoryCreatePage() {
     const { t, locale } = useTranslator();
     const { topicSlug } = useParams();
-    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
+    const categoryType = POST_TYPES.CATEGORY;
+    const subcategoryType = POST_TYPES.SUBCATEGORY;
     const returnHref = joinUrl(
       CMS_PATHS.content["content-management"].pathname,
       topicSlug
@@ -85,9 +89,21 @@ function createCategoryCreatePage({
           isNotFound
         }
       ),
-      renderPostCreateContent({
+      PostCreateContent && allowField && /* @__PURE__ */ jsx(
+        PostCreateContent,
+        {
+          topic,
+          postType: categoryType,
+          controlMeta,
+          isFetching: isFetchingTopic || isFetchingControlMeta,
+          allowField: allowFieldInTopic,
+          cancelButtonHref: returnHref
+        }
+      ),
+      renderPostCreateContent?.({
         topic,
         categoryType,
+        subcategoryType,
         controlMeta,
         isFetching: isFetchingTopic || isFetchingControlMeta,
         cancelButtonHref: returnHref

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

@@ -21,6 +21,7 @@ import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../../core/client/infrastructure/react-query/use-query.js';
 import '../../../../../../../../core/domain/resources/admin/constants.js';
+import { isContentTopic, hasTopicRole } from '../../../../../../../../core/domain/static/topics.js';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../components/shadcn/badge.js';
@@ -42,8 +43,8 @@ import { PageHeader } from '../../../../../components/ui/blocks/page-header/page
 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/category/category-card.js';
-import { CategoryTable } from '../../../../../components/resources/category/category-table.js';
+import { CategoryCard } from '../../../../../components/resources/post/category/category-card.js';
+import { CategoryTable } from '../../../../../components/resources/post/category/category-table.js';
 import 'intor/next';
 import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
 
@@ -55,11 +56,22 @@ function createTopicScopePage({
   PostList: PostListBase,
   allowField
 }) {
-  return function TopicPage() {
+  return function ContentTopicScopePage() {
     const { t, locale } = useTranslator();
     const { topicSlug } = useParams();
-    const postType = staticTopics[topicSlug]?.postType;
-    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const isFieldAllowed = (type, field, fieldRuleKey) => allowField({ topicSlug, type, field, fieldRuleKey });
+    const isContentTopicScope = isContentTopic(staticTopics, topicSlug);
+    const hasPost = isContentTopicScope;
+    const hasCategory = hasTopicRole(
+      staticTopics,
+      topicSlug,
+      POST_TYPES.CATEGORY
+    );
+    const hasSubcategory = hasTopicRole(
+      staticTopics,
+      topicSlug,
+      POST_TYPES.SUBCATEGORY
+    );
     const {
       data: topic,
       isFetching,
@@ -71,26 +83,25 @@ function createTopicScopePage({
     );
     const topicT = findTranslation(topic?.translations, locale);
     const [categoryStates, setCategoryStates] = useState({});
+    const [subcategoryStates, setSubcategoryStates] = useState({});
     const [postStates, setPostStates] = useState(
       {}
     );
-    const PostList = /* @__PURE__ */ jsx(
+    const getUsableFields = (type) => [
+      ...isFieldAllowed(type, "isActive") ? ["isActive"] : [],
+      ...isFieldAllowed(type, "isIndexActive") ? ["isIndexActive"] : [],
+      ...isFieldAllowed(type, "isSlugActive") ? ["isSlugActive"] : [],
+      ...isFieldAllowed(type, "isFeatured") ? ["isFeatured"] : [],
+      ...isFieldAllowed(type, "isShownOnHome") ? ["isShownOnHome"] : []
+    ];
+    const postList = /* @__PURE__ */ jsx(
       PostListBase,
       {
-        usableFields: [
-          ...allowField(postType, "isActive") ? ["isActive"] : [],
-          ...allowField(postType, "isIndexActive") ? ["isIndexActive"] : [],
-          ...allowField(postType, "isSlugActive") ? ["isSlugActive"] : [],
-          ...allowField(postType, "isFeatured") ? ["isFeatured"] : [],
-          ...allowField(postType, "isShownOnHome") ? ["isShownOnHome"] : [],
-          // TODO: remove (currently only for kowkun)
-          ...allowField(postType, "state3") ? ["state3"] : [],
-          ...allowField(postType, "state4") ? ["state4"] : []
-        ],
-        type: postType,
+        usableFields: getUsableFields(POST_TYPES.POST),
+        type: POST_TYPES.POST,
         topicId: topic?.id ?? DO_NOT_FETCH_KEY,
         setListItemStates: setPostStates,
-        localKey: `post-${postType}`
+        localKey: `post-${POST_TYPES.POST}`
       }
     );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -104,9 +115,12 @@ function createTopicScopePage({
             title: !isFetching ? topicT.title : /* @__PURE__ */ jsx(Spinner, {})
           },
           settingButtonProps: {
-            href: joinUrl(CMS_PATHS.content.topic.pathname, topic?.id)
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].topic.pathname,
+              topic?.id
+            )
           },
-          createCategoryButtonProps: categoryType ? {
+          createCategoryButtonProps: hasCategory ? {
             href: joinUrl(
               CMS_PATHS.content["content-management"].category.pathname(
                 topicSlug
@@ -115,20 +129,29 @@ function createTopicScopePage({
             ),
             children: t("ui.create.text") + t("resources.category.text")
           } : void 0,
-          createButtonProps: {
+          createSubcategoryButtonProps: hasSubcategory ? {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].subcategory.pathname(topicSlug),
+              "create"
+            ),
+            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),
+              CMS_PATHS.content["content-management"].post.pathname(
+                topicSlug
+              ),
               "create"
             ),
             children: t("ui.create.text") + t("resources.post.text")
-          },
+          } : void 0,
           rightChildren: /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(topicSlug) ?? `/${topicSlug}` }),
           isDisabled: isFetching,
-          isNotFound
+          isNotFound: isNotFound || !isContentTopicScope
         }
       ),
-      /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: !categoryType, children: categoryType ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      isContentTopicScope && /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: !hasCategory, children: hasCategory ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Accordion,
           {
@@ -145,19 +168,52 @@ function createTopicScopePage({
             children: /* @__PURE__ */ jsx(
               PostListBase,
               {
-                usableFields: [
-                  ...allowField(categoryType, "isActive") ? ["isActive"] : [],
-                  ...allowField(categoryType, "isIndexActive") ? ["isIndexActive"] : [],
-                  ...allowField(categoryType, "isSlugActive") ? ["isSlugActive"] : [],
-                  ...allowField(categoryType, "isFeatured") ? ["isFeatured"] : [],
-                  ...allowField(categoryType, "isShownOnHome") ? ["isShownOnHome"] : []
-                ],
-                type: categoryType,
+                usableFields: getUsableFields(POST_TYPES.CATEGORY),
+                type: POST_TYPES.CATEGORY,
                 topicId: topic?.id ?? DO_NOT_FETCH_KEY,
                 setListItemStates: setCategoryStates,
-                Card: CategoryCard,
-                Table: CategoryTable,
-                localKey: `category-${categoryType}`
+                Card: (props) => /* @__PURE__ */ jsx(
+                  CategoryCard,
+                  {
+                    ...props,
+                    hasSubcategory
+                  }
+                ),
+                Table: (props) => /* @__PURE__ */ jsx(
+                  CategoryTable,
+                  {
+                    ...props,
+                    hasSubcategory
+                  }
+                ),
+                localKey: `category-${POST_TYPES.CATEGORY}`
+              }
+            )
+          }
+        ),
+        hasSubcategory && /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            accordionHeaderProps: {
+              count: subcategoryStates.count,
+              children: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+                /* @__PURE__ */ jsx(Notebook, { className: "size-4" }),
+                t("resources.subcategory.text")
+              ] })
+            },
+            hasBorder: true,
+            initialOpen: true,
+            deps: [subcategoryStates.isFetching],
+            children: /* @__PURE__ */ jsx(
+              PostListBase,
+              {
+                usableFields: getUsableFields(POST_TYPES.SUBCATEGORY),
+                type: POST_TYPES.SUBCATEGORY,
+                topicId: topic?.id ?? DO_NOT_FETCH_KEY,
+                setListItemStates: setSubcategoryStates,
+                Card: (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props, isSubcategory: true }),
+                Table: (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props, isSubcategory: true }),
+                localKey: `subcategory-${POST_TYPES.SUBCATEGORY}`
               }
             )
           }
@@ -174,11 +230,13 @@ function createTopicScopePage({
             },
             hasBorder: true,
             initialOpen: true,
-            deps: [categoryStates.isFetching],
-            children: PostList
+            deps: [
+              categoryStates.isFetching || subcategoryStates.isFetching
+            ],
+            children: postList
           }
         )
-      ] }) : PostList })
+      ] }) : postList })
     ] });
   };
 }

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

@@ -20,8 +20,9 @@ import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
 import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
-import { PageHeader } from '../../../../../../../../components/ui/blocks/page-header/page-header.js';
 import 'lucide-react';
+import '../../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { PageHeader } from '../../../../../../../../components/ui/blocks/page-header/page-header.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../../components/shadcn/button.js';
@@ -45,13 +46,20 @@ function createPostEditPage({
   postFindAction,
   postFindFullAction,
   postFindManyAction,
-  renderPostEditContent
+  renderPostEditContent,
+  PostEditContent,
+  allowField
 }) {
   return function PostEditPage() {
     const { t, locale } = useTranslator();
     const { id, topicSlug } = useParams();
-    const postType = staticTopics[topicSlug]?.postType;
-    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
+    const postType = POST_TYPES.POST;
+    const roles = staticTopics[topicSlug]?.roles ?? [];
+    const hasCategory = roles.includes(POST_TYPES.CATEGORY);
+    const hasSubcategory = roles.includes(POST_TYPES.SUBCATEGORY);
+    const categoryType = POST_TYPES.CATEGORY;
+    const subcategoryType = POST_TYPES.SUBCATEGORY;
     const { data: topic, isFetching: isFetchingTopic } = useQuery(
       () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindAction", POST_TYPES.TOPIC, topicSlug],
@@ -91,10 +99,31 @@ function createPostEditPage({
           }
         }
       ),
-      renderPostEditContent({
+      PostEditContent && allowField && /* @__PURE__ */ jsx(
+        PostEditContent,
+        {
+          post,
+          postType,
+          ...hasSubcategory ? {
+            parentType: subcategoryType,
+            isSubcategoryParent: true,
+            parentLabelKey: "resources.subcategory.text"
+          } : hasCategory ? {
+            parentType: categoryType,
+            isSubcategoryParent: false,
+            parentLabelKey: "resources.category.text"
+          } : {},
+          controlMeta,
+          isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+          isNotFound,
+          allowField: allowFieldInTopic
+        }
+      ),
+      renderPostEditContent && renderPostEditContent({
         post,
         postType,
         categoryType,
+        subcategoryType,
         controlMeta,
         isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
         isNotFound

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

@@ -36,9 +36,9 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import '../../../../../../../../../../core/domain/resources/admin/constants.js';
 import 'next/link';
 import { Badge } from '../../../../../../../components/ui/display/badge.js';
-import '../../../../../../../../../../core/domain/resources/admin/constants.js';
 import { ExternalLink } from '../../../../../../../components/ui/features/external-link.js';
 import 'next/image';
 
@@ -50,13 +50,20 @@ function createPostShowPage({
   postFindFullAction,
   postDeleteAction,
   SeoMetadataDialog,
-  renderPostShowContent
+  renderPostShowContent,
+  PostShowContent,
+  allowField,
+  PostRelationsSection
 }) {
   return function PostShowPage() {
     const { t, locale } = useTranslator();
     const { id, topicSlug } = useParams();
     const router = useRouter();
-    const postType = staticTopics[topicSlug]?.postType;
+    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(
       () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindAction", POST_TYPES.TOPIC, topicSlug],
@@ -126,9 +133,33 @@ function createPostShowPage({
           isNotFound
         }
       ),
-      renderPostShowContent({
+      PostShowContent && allowField && /* @__PURE__ */ jsx(
+        PostShowContent,
+        {
+          post,
+          isFetching,
+          isNotFound,
+          subcategoryType,
+          allowField,
+          children: isFieldAllowed(postType, "relatedPosts") && PostRelationsSection && /* @__PURE__ */ jsx(
+            PostRelationsSection,
+            {
+              post,
+              usableFields: [
+                ...isFieldAllowed(postType, "isActive") ? ["isActive"] : [],
+                ...isFieldAllowed(postType, "isIndexActive") ? ["isIndexActive"] : [],
+                ...isFieldAllowed(postType, "isSlugActive") ? ["isSlugActive"] : [],
+                ...isFieldAllowed(postType, "isFeatured") ? ["isFeatured"] : [],
+                ...isFieldAllowed(postType, "isShownOnHome") ? ["isShownOnHome"] : []
+              ]
+            }
+          )
+        }
+      ),
+      renderPostShowContent && renderPostShowContent({
         post,
         postType,
+        subcategoryType,
         isFetching,
         isNotFound
       })

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

@@ -20,8 +20,9 @@ import 'zod';
 import 'sonner';
 import { useQuery } from '../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
 import { getControlMeta } from '../../../../../../../../applications/form/get-control-meta.js';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
 import 'lucide-react';
+import '../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../components/shadcn/button.js';
@@ -44,13 +45,20 @@ function createPostCreatePage({
   topics: staticTopics,
   postFindAction,
   postFindManyAction,
-  renderPostCreateContent
+  renderPostCreateContent,
+  PostCreateContent,
+  allowField
 }) {
   return function PostCreatePage() {
     const { t, locale } = useTranslator();
     const { topicSlug } = useParams();
-    const postType = staticTopics[topicSlug]?.postType;
-    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
+    const postType = POST_TYPES.POST;
+    const roles = staticTopics[topicSlug]?.roles ?? [];
+    const hasCategory = roles.includes(POST_TYPES.CATEGORY);
+    const hasSubcategory = roles.includes(POST_TYPES.SUBCATEGORY);
+    const categoryType = POST_TYPES.CATEGORY;
+    const subcategoryType = POST_TYPES.SUBCATEGORY;
     const returnHref = joinUrl(
       CMS_PATHS.content["content-management"].pathname,
       topicSlug
@@ -86,10 +94,31 @@ function createPostCreatePage({
           isNotFound
         }
       ),
-      renderPostCreateContent({
+      PostCreateContent && allowField && /* @__PURE__ */ jsx(
+        PostCreateContent,
+        {
+          topic,
+          postType,
+          ...hasSubcategory ? {
+            parentType: subcategoryType,
+            isSubcategoryParent: true,
+            parentLabelKey: "resources.subcategory.text"
+          } : hasCategory ? {
+            parentType: categoryType,
+            isSubcategoryParent: false,
+            parentLabelKey: "resources.category.text"
+          } : {},
+          controlMeta,
+          isFetching: isFetchingTopic || isFetchingControlMeta,
+          allowField: allowFieldInTopic,
+          cancelButtonHref: returnHref
+        }
+      ),
+      renderPostCreateContent && renderPostCreateContent({
         topic,
         postType,
         categoryType,
+        subcategoryType,
         controlMeta,
         isFetching: isFetchingTopic || isFetchingControlMeta,
         cancelButtonHref: returnHref