sitero 0.1.0 → 0.1.2

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

@@ -38,7 +38,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 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 +49,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 +136,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,8 @@ 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 { 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 +41,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 +88,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

@@ -20,7 +20,7 @@ import { DO_NOT_FETCH_KEY } from '../../../../../../../../shared/list-item.js';
 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 +42,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 +55,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 +82,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 +114,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 +128,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 +167,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 +229,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,8 @@ 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 { 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 +45,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 +98,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

@@ -38,7 +38,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 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 +49,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 +132,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,8 @@ 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 { 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 +44,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 +93,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

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Notebook } from 'lucide-react';
+import { useParams } from 'next/navigation';
+import { POST_TYPES } from 'sitero-domain';
+import '../../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../../constants/cms-locale.js';
+import '../../../../../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import 'react';
+import '../../../../../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+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 '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 '@radix-ui/react-avatar';
+import '../../../../../../../../components/shadcn/badge.js';
+import '../../../../../../../../components/shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../../../../../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../../../../../../components/shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import { Badge } from '../../../../../../../../components/ui/display/badge.js';
+
+function createSubcategoryEditPage({
+  postFindAction,
+  postFindFullAction,
+  postFindManyAction,
+  renderPostEditContent,
+  PostEditContent,
+  allowField
+}) {
+  return function SubcategoryEditPage() {
+    const { t, locale } = useTranslator();
+    const { id, topicSlug } = useParams();
+    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],
+      { select: (data) => data?.post }
+    );
+    const {
+      data: subcategory,
+      isFetching,
+      isNotFound
+    } = useQuery(() => postFindFullAction({ id }), ["postFindFullAction", id], {
+      select: (data) => data?.post
+    });
+    const { data: categories, isFetching: isFetchingControlMeta } = useQuery(
+      () => postFindManyAction({ type: subcategoryType, topicId: topic?.id }),
+      ["postFindManyAction", subcategoryType, topic?.id],
+      { select: (data) => data?.posts, enabled: !!topic }
+    );
+    const controlMeta = getControlMeta({
+      records: ensureArray(categories),
+      excludeIndex: subcategory?.index,
+      excludeSlug: subcategory?.slug
+    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "edit",
+          titleProps: {
+            icon: Notebook,
+            title: t("resources.subcategory.text"),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+          }
+        }
+      ),
+      PostEditContent && allowField && /* @__PURE__ */ jsx(
+        PostEditContent,
+        {
+          post: subcategory,
+          postType: subcategoryType,
+          parentType: categoryType,
+          parentLabelKey: "resources.category.text",
+          controlMeta,
+          isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+          isNotFound,
+          allowField: allowFieldInTopic
+        }
+      ),
+      renderPostEditContent?.({
+        subcategory,
+        categoryType,
+        subcategoryType,
+        controlMeta,
+        isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+        isNotFound
+      })
+    ] });
+  };
+}
+
+export { createSubcategoryEditPage };