sitero 0.2.0 → 0.4.0

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useState } from 'react';
+import { POST_TYPES } from 'sitero-domain';
+import 'lucide-react';
+import '../../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../../constants/cms-locale.js';
+import 'mime-types';
+import 'ua-parser-js';
+import '../../../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/link';
+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 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import '../../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../../components/ui/inputs/textarea.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 { AccordionContainer } from '../../../../../../../../components/ui/features/accordion/accordion-container.js';
+import 'next/image';
+import { createPostRelationsLayout } from '../../../../../../../../components/resources/post/post-relations-layout.js';
+import '../../../../../../../../../infrastructure/admin-session/admin-context.js';
+import 'zod';
+import 'intor/next';
+
+function createPostRelationsPage({
+  postFindRelationsAction,
+  PostList
+}) {
+  const PostRelationsLayout = createPostRelationsLayout({
+    postFindRelationsAction
+  });
+  return function PostRelationsPage() {
+    const { t } = useTranslator();
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    return /* @__PURE__ */ jsx(PostRelationsLayout, { children: (relations) => /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        deps: [postStates.isFetching],
+        accordionHeaderProps: {
+          count: postStates.count,
+          children: t("resources.post.text")
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: relations.referencingPostIds,
+            type: POST_TYPES.POST,
+            openNewTab: true,
+            setListItemStates: setPostStates,
+            localKey: "post-related-referencing-posts"
+          }
+        )
+      }
+    ) }) });
+  };
+}
+
+export { createPostRelationsPage };

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/_topicSlug_/post/create/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 createPostCreatePage({
   topics: staticTopics,
@@ -46,10 +51,11 @@ function createPostCreatePage({
   postFindManyAction,
   renderPostCreateContent,
   PostCreateContent,
-  allowField
+  allowField,
+  defaultWebLocale
 }) {
   return function PostCreatePage() {
-    const { t, locale } = useTranslator();
+    const { t } = useTranslator();
     const { topicSlug } = useParams();
     const allowFieldInTopic = (params) => allowField?.({ ...params, topicSlug: params.topicSlug ?? topicSlug }) ?? false;
     const postType = POST_TYPES.POST;
@@ -62,16 +68,12 @@ function createPostCreatePage({
       CMS_PATHS.content["content-management"].pathname,
       topicSlug
     );
-    const {
-      data: topic,
-      isFetching: isFetchingTopic,
-      isNotFound
-    } = useQuery(
+    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
       () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
       { select: (data) => data?.post }
     );
-    const { data: posts, isFetching: isFetchingControlMeta } = useQuery(
+    const { data: posts, isFetching: isFetchingControlMeta } = useCmsQuery(
       () => postFindManyAction({ type: postType, topicId: topic?.id }),
       ["postFindManyAction", postType, topic?.id],
       { select: (data) => data?.posts, enabled: !!topic }
@@ -79,18 +81,13 @@ function createPostCreatePage({
     const controlMeta = getControlMeta({ records: ensureArray(posts) });
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "create",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, href: returnHref }),
           titleProps: {
             title: t("resources.post.text"),
-            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
-          },
-          returnButtonProps: {
-            href: returnHref
-          },
-          isDisabled: isFetchingTopic || isFetchingControlMeta,
-          isNotFound
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, defaultWebLocale)?.title })
+          }
         }
       ),
       PostCreateContent && allowField && /* @__PURE__ */ jsx(

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

@@ -4,21 +4,22 @@ import { useTranslator } from 'intor/react';
 import { Notebook } from 'lucide-react';
 import { useParams } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
+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 '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 { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
 import '../../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../../constants/cms-locale.js';
-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';
@@ -32,11 +33,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 createSubcategoryEditPage({
   postFindDetailAction,
@@ -51,7 +56,7 @@ function createSubcategoryEditPage({
     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(
+    const { data: topic, isFetching: isFetchingTopic } = useCmsQuery(
       () => postFindDetailAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
       ["postFindDetailAction", POST_TYPES.TOPIC, topicSlug],
       { select: (data) => data?.post }
@@ -60,10 +65,14 @@ function createSubcategoryEditPage({
       data: subcategory,
       isFetching,
       isNotFound
-    } = useQuery(() => postFindDetailAction({ id }), ["postFindDetailAction", id], {
-      select: (data) => data?.post
-    });
-    const { data: categories, isFetching: isFetchingControlMeta } = useQuery(
+    } = useCmsQuery(
+      () => postFindDetailAction({ id }),
+      ["postFindDetailAction", id],
+      {
+        select: (data) => data?.post
+      }
+    );
+    const { data: categories, isFetching: isFetchingControlMeta } = useCmsQuery(
       () => postFindManyAction({ type: subcategoryType, topicId: topic?.id }),
       ["postFindManyAction", subcategoryType, topic?.id],
       { select: (data) => data?.posts, enabled: !!topic }
@@ -75,9 +84,9 @@ function createSubcategoryEditPage({
     });
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "edit",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true }),
           titleProps: {
             icon: Notebook,
             title: t("resources.subcategory.text"),

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

@@ -1,25 +1,26 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Notebook } from 'lucide-react';
+import { Notebook, 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 '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 createSubcategoryShowPage({
   enableSeoMetadata,
@@ -49,16 +59,14 @@ function createSubcategoryShowPage({
   SeoMetadataDialog,
   renderPostShowContent,
   PostShowContent,
-  allowField,
-  CategoryRelationsSection
+  allowField
 }) {
   return function CategoryShowPage() {
     const { t, locale } = 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 { 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,9 +75,13 @@ function createSubcategoryShowPage({
       data: subcategory,
       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 }),
       {
@@ -81,40 +93,67 @@ function createSubcategoryShowPage({
         )
       }
     );
+    const websiteHref = subcategory ? externalHref?.(subcategory) : 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: {
             icon: Notebook,
             title: t("resources.subcategory.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, locale)?.title }),
+            rightChildren: subcategory?.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"].subcategory.pathname(
-                topicSlug
-              ),
-              id,
-              "edit"
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "warning",
+                icon: Pen,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].subcategory.pathname(
+                    topicSlug
+                  ),
+                  id,
+                  "edit"
+                ),
+                isDisabled: isFetching || subcategory?.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 || subcategory?.isLocked,
+                children: t("ui.destroy.text")
+              }
             )
-          },
-          destroyButtonProps: {
-            onClick: () => {
-              if (!confirm(t("ui.dialog.confirm.text"))) return;
-              void execute();
-            },
-            isLoading: isRedirecting,
-            isDisabled: isFetching || subcategory?.isLocked
-          },
-          rightChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          ] }),
+          utilities: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
             !!enableSeoMetadata && /* @__PURE__ */ jsx(
               SeoMetadataDialog,
               {
@@ -124,11 +163,17 @@ function createSubcategoryShowPage({
                 isDisabled: isNotFound
               }
             ),
-            subcategory && externalHref?.(subcategory) && /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(subcategory) })
-          ] }),
-          isDisabled: isFetching,
-          isNotFound,
-          isLocked: subcategory?.isLocked
+            websiteHref && /* @__PURE__ */ jsx(
+              ExternalLinkButton,
+              {
+                href: websiteHref,
+                variant: "outline",
+                size: "icon",
+                icon: SquareArrowOutUpRight,
+                "aria-label": t("ui.view-website-page.text")
+              }
+            )
+          ] })
         }
       ),
       PostShowContent && allowField && /* @__PURE__ */ jsx(
@@ -138,28 +183,23 @@ function createSubcategoryShowPage({
           isFetching,
           isNotFound,
           allowField,
-          children: subcategory && CategoryRelationsSection && /* @__PURE__ */ jsx(
-            CategoryRelationsSection,
+          topChildren: subcategory ? /* @__PURE__ */ jsx(
+            PostRelationsLink,
             {
-              category: subcategory,
-              headerProps: { children: t("resources.post.text") },
-              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"].subcategory.pathname(topicSlug),
+                id,
+                "relations"
+              )
             }
-          )
+          ) : void 0
         }
       ),
       renderPostShowContent?.({
         subcategory,
         postType,
         isFetching,
-        isNotFound,
-        headerProps: { children: t("resources.post.text") }
+        isNotFound
       })
     ] });
   };

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useState } from 'react';
+import { POST_TYPES } from 'sitero-domain';
+import 'lucide-react';
+import '../../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../../constants/cms-locale.js';
+import 'mime-types';
+import 'ua-parser-js';
+import '../../../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/link';
+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 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import '../../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../../components/ui/inputs/textarea.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 { AccordionContainer } from '../../../../../../../../components/ui/features/accordion/accordion-container.js';
+import 'next/image';
+import { createPostRelationsLayout } from '../../../../../../../../components/resources/post/post-relations-layout.js';
+import '../../../../../../../../../infrastructure/admin-session/admin-context.js';
+import 'zod';
+import 'intor/next';
+
+function createSubcategoryRelationsPage({
+  postFindRelationsAction,
+  PostList
+}) {
+  const PostRelationsLayout = createPostRelationsLayout({
+    postFindRelationsAction
+  });
+  return function SubcategoryRelationsPage() {
+    const { t } = useTranslator();
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    return /* @__PURE__ */ jsx(PostRelationsLayout, { children: (relations) => /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        deps: [postStates.isFetching],
+        accordionHeaderProps: {
+          count: postStates.count,
+          children: t("resources.post.text")
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: relations.childPostIds,
+            type: POST_TYPES.POST,
+            openNewTab: true,
+            setListItemStates: setPostStates,
+            localKey: "subcategory-related-child-posts"
+          }
+        )
+      }
+    ) }) });
+  };
+}
+
+export { createSubcategoryRelationsPage };