sitero 0.1.0 → 0.1.1

package/dist/src/cms/client/interfaces/components/resources/post/content/types.js

@@ -0,0 +1,12 @@
+function createAllowPostField(rules) {
+  const isFieldRuleKey = (key) => key in rules;
+  return ({ topicSlug, type, field, fieldRuleKey = "default" }) => {
+    if (!type || !field) return false;
+    const ruleKey = topicSlug && isFieldRuleKey(topicSlug) ? topicSlug : "global";
+    const fieldsInType = rules[ruleKey]?.[type];
+    const fields = fieldsInType?.[fieldRuleKey] ?? fieldsInType?.["default"] ?? [];
+    return fields.includes(field);
+  };
+}
+
+export { createAllowPostField };

package/dist/src/cms/client/interfaces/components/resources/post/post-card.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Minus, Plus, DollarSign, File } from 'lucide-react';
+import { File } from 'lucide-react';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
 import '../../../../../../constants/cms-locale.js';
@@ -11,9 +11,6 @@ import { findTranslation } from '../../../../../../shared/translation/find-trans
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
 import 'zod';
-import { Button } from '../../ui/buttons/button.js';
-import 'next/navigation';
-import 'react';
 import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
@@ -31,13 +28,14 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/link';
-import { Input } from '../../ui/inputs/input.js';
-import { HtmlDisplay } from '../../ui/display/html-display.js';
+import 'next/navigation';
+import 'react';
 import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import '../../../../../../core/domain/resources/admin/constants.js';
+import 'next/link';
+import { HtmlDisplay } from '../../ui/display/html-display.js';
 import 'next/image';
 import { Tick } from '../../ui/features/tick.js';
 import { PostStateIcons } from './post-state-icons.js';
@@ -58,12 +56,6 @@ function createPostCard({
     openNewTab,
     // pick
     isPicked,
-    // product
-    enableProductControl,
-    minusButtonProps,
-    quantityInputProps,
-    plusButtonProps,
-    removeButtonProps,
     // base
     anchorProps,
     className = ""
@@ -94,69 +86,23 @@ function createPostCard({
           className: cn(className),
           style: {
             width: WIDTH,
-            height: enableProductControl ? "296px" : strategy.removeCoverImage ? "none" : HEIGHT
+            height: strategy.removeCoverImage ? "none" : HEIGHT
           },
           href,
           openNewTab,
           anchorProps,
-          removeButtonProps,
           modelIcon: /* @__PURE__ */ jsx(File, {}),
           badge: topicT.title,
           statesChildren: /* @__PURE__ */ jsx(PostStateIcons, { post }),
-          titleChildren: hasTitle || post.dec1 != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            hasTitle && title,
-            post.dec1 != null && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 -translate-y-full pr-2 pb-1", children: /* @__PURE__ */ jsxs("div", { className: "bg-background/80 flex-center gap-1 rounded-full border py-1 pr-3 pl-2", children: [
-              /* @__PURE__ */ jsx(DollarSign, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("p", { className: "font-mono font-semibold", children: post.dec1 })
-            ] }) })
-          ] }) : null,
-          contentChildren: hasContent && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "line-clamp-2 h-10", style: CARD_CHILDREN_STYLES, children: childrenRaw && /* @__PURE__ */ jsx(
-              HtmlDisplay,
-              {
-                html: childrenRaw,
-                textOnly: true,
-                className: "text-sm!"
-              }
-            ) }),
-            enableProductControl && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-10 w-full",
-                onClick: (e) => {
-                  e.preventDefault();
-                },
-                children: /* @__PURE__ */ jsxs("div", { className: "bg-background flex-center size-full gap-1", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "sm",
-                      ...minusButtonProps,
-                      children: /* @__PURE__ */ jsx(Minus, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      type: "number",
-                      inputGroupClassName: "h-8",
-                      ...quantityInputProps
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "sm",
-                      ...plusButtonProps,
-                      children: /* @__PURE__ */ jsx(Plus, {})
-                    }
-                  )
-                ] })
-              }
-            )
-          ] }),
+          titleChildren: hasTitle ? title : null,
+          contentChildren: hasContent && /* @__PURE__ */ jsx("div", { className: "line-clamp-2 h-10", style: CARD_CHILDREN_STYLES, children: childrenRaw && /* @__PURE__ */ jsx(
+            HtmlDisplay,
+            {
+              html: childrenRaw,
+              textOnly: true,
+              className: "text-sm!"
+            }
+          ) }),
           children: !strategy.removeCoverImage && /* @__PURE__ */ jsx(
             "div",
             {

package/dist/src/cms/client/interfaces/components/resources/post/post-list.js

@@ -19,6 +19,7 @@ import 'sonner';
 import { useQuery } from '../../../../../../core/client/infrastructure/react-query/use-query.js';
 import 'lucide-react';
 import 'next/navigation';
+import '../../../../../../core/domain/resources/admin/constants.js';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';
@@ -43,6 +44,7 @@ function createPostList({
   PostCard
 }) {
   return function PostList({
+    enabled = true,
     usableFields,
     // search
     type = POST_TYPES.POST,
@@ -75,10 +77,7 @@ function createPostList({
       isIndexActive: false,
       isSlugActive: false,
       isFeatured: false,
-      isShownOnHome: false,
-      // TODO: remove (currently only for kowkun)
-      state3: false,
-      state4: false
+      isShownOnHome: false
     });
     useEffect(() => {
       setPage(1);
@@ -107,8 +106,7 @@ function createPostList({
         page,
         pageSize
       ],
-      { enabled: topicId !== DO_NOT_FETCH_KEY }
-      // Use in Post Topic Page
+      { enabled: enabled && topicId !== DO_NOT_FETCH_KEY }
     );
     const posts = useMemo(() => ensureArray(data?.items), [data?.items]);
     useEffect(() => {

package/dist/src/cms/client/interfaces/components/resources/post/search/control-fields-buttons.js

@@ -1,29 +1,20 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import 'mime-types';
 import 'sitero-domain';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import 'lucide-react';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import { Separator } from '../../../shadcn/separator.js';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
 import { Button } from '../../../ui/buttons/button.js';
+import 'lucide-react';
 import 'next/navigation';
 import 'react';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'sonner';
+import '../../../../../../../core/domain/resources/admin/constants.js';
 
 function ControlFieldsButtons({
   usableFields = [
@@ -104,38 +95,7 @@ function ControlFieldsButtons({
         className: cn(!controlFields.isShownOnHome ? "opacity-35" : "shadow"),
         children: t("ui.control-fields.is-shown-on-home.text")
       }
-    ),
-    usableFields.includes("state3") && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "py-1", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "sm",
-          type: "button",
-          variant: "secondary",
-          onClick: () => setControlFields((prev) => ({
-            ...prev,
-            state3: !prev.state3
-          })),
-          className: cn(!controlFields.state3 ? "opacity-35" : "shadow"),
-          children: "\u53F0\u7063\u5C08\u5340"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "sm",
-          type: "button",
-          variant: "secondary",
-          onClick: () => setControlFields((prev) => ({
-            ...prev,
-            state4: !prev.state4
-          })),
-          className: cn(!controlFields.state4 ? "opacity-35" : "shadow"),
-          children: "\u9999\u6E2F\u5C08\u5340"
-        }
-      )
-    ] })
+    )
   ] });
 }
 

package/dist/src/cms/client/interfaces/components/resources/{tag → post/tag}/tag-card.js

@@ -2,42 +2,41 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { File, Tag } from 'lucide-react';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
-import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import { ResourceCard } from '../../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../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 '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import 'next/link';
+import { PostStateIcons } from '../post-state-icons.js';
 
 const WIDTH = "200px";
 function TagCard({
@@ -52,7 +51,10 @@ function TagCard({
 }) {
   const { t, locale } = useTranslator();
   const tagT = findTranslation(tag?.translations, locale);
-  const href = joinUrl(CMS_PATHS.content.tag.pathname, tag?.id);
+  const href = joinUrl(
+    CMS_PATHS.content["content-management"].tag.pathname,
+    tag?.id
+  );
   return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
     ResourceCard,
     {

package/dist/src/cms/client/interfaces/components/resources/{tag → post/tag}/tag-relations-section.js

@@ -2,41 +2,41 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { useMemo, useState } from 'react';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
-import { normalizeUnorderedCacheKey } from '../../../../../../shared/utils/normalize-unordered-cache-key.js';
+import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
+import { normalizeUnorderedCacheKey } from '../../../../../../../shared/utils/normalize-unordered-cache-key.js';
 import 'zod';
 import 'sonner';
-import { useQuery } from '../../../../../../core/client/infrastructure/react-query/use-query.js';
-import { Accordion } from '../../ui/features/accordion/accordion.js';
-import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import { useQuery } from '../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import { Accordion } from '../../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../../ui/features/accordion/accordion-container.js';
 import 'lucide-react';
 import 'next/link';
 import 'next/navigation';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../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 '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
 import 'next/image';
 import { CategoryCard } from '../category/category-card.js';
 import { CategoryTable } from '../category/category-table.js';

package/dist/src/cms/client/interfaces/components/resources/{tag → post/tag}/tag-table.js

@@ -3,41 +3,41 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Tag } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../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 '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../shadcn/table.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../shadcn/table.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'react';
 import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { Tick } from '../../ui/features/tick.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Tick } from '../../../ui/features/tick.js';
 import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import { PostStateIcons } from '../post-state-icons.js';
 
 function TagTable({
   posts: tags,
@@ -58,7 +58,10 @@ function TagTable({
     /* @__PURE__ */ jsx(TableBody, { children: tags.map((tag) => {
       const isPicked = !!pickedItems?.some((item) => item.id === tag.id);
       const tagT = findTranslation(tag.translations, locale);
-      const href = joinUrl(CMS_PATHS.content.tag.pathname, tag?.id);
+      const href = joinUrl(
+        CMS_PATHS.content["content-management"].tag.pathname,
+        tag?.id
+      );
       return /* @__PURE__ */ jsxs(
         TableRow,
         {

package/dist/src/cms/client/interfaces/components/resources/{topic → post/topic}/topic-card.js

@@ -2,42 +2,44 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Notebook, File, SquareLibrary } from 'lucide-react';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
-import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import { ResourceCard } from '../../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../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 '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { getTopicCategories, getTopicPosts } from '../../../../../../../core/domain/static/topics.js';
+import 'next/link';
 import 'next/image';
-import { Tick } from '../../ui/features/tick.js';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import { Tick } from '../../../ui/features/tick.js';
+import { PostStateIcons } from '../post-state-icons.js';
+import 'intor/next';
 
 const WIDTH = "200px";
 function createTopicCard({
@@ -54,13 +56,18 @@ function createTopicCard({
     className = ""
   }) {
     const { locale } = useTranslator();
-    const categoryType = staticTopics[topic.slug]?.categoryType;
-    const postType = staticTopics[topic.slug]?.postType;
     const { postsInTopic } = topic;
-    const categories = postsInTopic.filter((p) => p.type === categoryType);
-    const posts = postsInTopic.filter((p) => p.type === postType);
+    const categories = getTopicCategories(
+      staticTopics,
+      topic.slug,
+      postsInTopic
+    );
+    const posts = getTopicPosts(staticTopics, topic.slug, postsInTopic);
     const topicT = findTranslation(topic.translations, locale);
-    const href = joinUrl(CMS_PATHS.content.topic.pathname, topic?.id);
+    const href = joinUrl(
+      CMS_PATHS.content["content-management"].topic.pathname,
+      topic?.id
+    );
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(
         ResourceCard,

package/dist/src/cms/client/interfaces/components/resources/{topic → post/topic}/topic-table.js

@@ -3,41 +3,43 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Notebook, File, SquareLibrary } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
+import 'next/link';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
+import '../../../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 '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../shadcn/table.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../shadcn/table.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'react';
-import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import { Tick } from '../../../ui/features/tick.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { Tick } from '../../ui/features/tick.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { getTopicCategories, getTopicPosts } from '../../../../../../../core/domain/static/topics.js';
 import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import { PostStateIcons } from '../post-state-icons.js';
+import 'intor/next';
 
 function createTopicTable({
   topics: staticTopics
@@ -64,14 +66,20 @@ function createTopicTable({
           (item) => item.id === topic.id
         );
         const topicT = findTranslation(topic.translations, locale);
-        const currentTopic = staticTopics[topic.slug];
-        const categoryType = currentTopic?.categoryType;
-        const postType = currentTopic?.postType;
-        const categories = topic.postsInTopic.filter(
-          (p) => p.type === categoryType
+        const categories = getTopicCategories(
+          staticTopics,
+          topic.slug,
+          topic.postsInTopic
+        );
+        const posts = getTopicPosts(
+          staticTopics,
+          topic.slug,
+          topic.postsInTopic
+        );
+        const href = joinUrl(
+          CMS_PATHS.content["content-management"].topic.pathname,
+          topic?.id
         );
-        const posts = topic.postsInTopic.filter((p) => p.type === postType);
-        const href = joinUrl(CMS_PATHS.content.topic.pathname, topic?.id);
         return /* @__PURE__ */ jsxs(
           TableRow,
           {