sitero 0.0.1 → 0.0.2

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

@@ -0,0 +1,186 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File, SquareLibrary, Notebook } from 'lucide-react';
+import { useParams } from 'next/navigation';
+import { useState } from 'react';
+import { CMS_PATHS } from '../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../constants/paths/redirect.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 '../../../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../../../core/domain/resources/post/props.js';
+import '../../../../../../../../core/domain/resources/user/constants.js';
+import { findTranslation } from '../../../../../../../../shared/translation/find-translation.js';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
+import { DO_NOT_FETCH_KEY } from '../../../../../../../../shared/list-item.js';
+import 'sonner';
+import { useQuery } from '../../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../../../core/client/infrastructure/contexts/user/user.js';
+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 '../../../../../components/shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../../../components/shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import { Spinner } from '../../../../../components/shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import '../../../../../../../../commerce/taiwan-address/constants.js';
+import { PageHeader } from '../../../../../components/ui/blocks/page-header/page-header.js';
+import { Accordion } from '../../../../../components/ui/features/accordion/accordion.js';
+import { ExternalLink } from '../../../../../components/ui/features/external-link.js';
+import 'next/image';
+import { CategoryCard } from '../../../../../components/resources/category/category-card.js';
+import { CategoryTable } from '../../../../../components/resources/category/category-table.js';
+import '../../../../../components/resources/order/search/search-fields-block.js';
+import 'intor/next';
+import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
+
+function createTopicScopePage({
+  enableTopic,
+  topics: staticTopics,
+  externalHref,
+  postFindAction,
+  PostList: PostListBase,
+  allowField
+}) {
+  return function TopicPage() {
+    const { t, locale } = useTranslator();
+    const { topicSlug } = useParams();
+    const postType = staticTopics[topicSlug]?.postType;
+    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const {
+      data: topic,
+      isFetching,
+      isNotFound
+    } = useQuery(
+      () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
+      ["postFindAction", POST_TYPES.TOPIC, topicSlug],
+      { select: (data) => data?.post }
+    );
+    const topicT = findTranslation(topic?.translations, locale);
+    const [categoryStates, setCategoryStates] = useState({});
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    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"] : []
+        ],
+        type: postType,
+        topicId: topic?.id ?? DO_NOT_FETCH_KEY,
+        setListItemStates: setPostStates,
+        localKey: `post-${postType}`
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "index",
+          showTopicSettingButton: enableTopic,
+          titleProps: {
+            icon: SquareLibrary,
+            title: !isFetching ? topicT.title : /* @__PURE__ */ jsx(Spinner, {})
+          },
+          settingButtonProps: {
+            href: joinUrl(CMS_PATHS.content.topic.pathname, topic?.id)
+          },
+          createCategoryButtonProps: categoryType ? {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].category.pathname(
+                topicSlug
+              ),
+              "create"
+            ),
+            children: t("ui.create.text") + t("resources.category.text")
+          } : void 0,
+          createButtonProps: {
+            icon: File,
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].post.pathname(topicSlug),
+              "create"
+            ),
+            children: t("ui.create.text") + t("resources.post.text")
+          },
+          rightChildren: /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(topicSlug) ?? `/${topicSlug}` }),
+          isDisabled: isFetching,
+          isNotFound
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: !categoryType, children: categoryType ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            accordionHeaderProps: {
+              count: categoryStates.count,
+              children: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+                /* @__PURE__ */ jsx(Notebook, { className: "size-4" }),
+                t("resources.category.text")
+              ] })
+            },
+            hasBorder: true,
+            initialOpen: true,
+            deps: [categoryStates.isFetching],
+            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,
+                topicId: topic?.id ?? DO_NOT_FETCH_KEY,
+                setListItemStates: setCategoryStates,
+                Card: CategoryCard,
+                Table: CategoryTable,
+                localKey: `category-${categoryType}`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            accordionHeaderProps: {
+              count: postStates.count,
+              children: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+                /* @__PURE__ */ jsx(File, { className: "size-4" }),
+                t("resources.post.text")
+              ] })
+            },
+            hasBorder: true,
+            initialOpen: true,
+            deps: [categoryStates.isFetching],
+            children: PostList
+          }
+        )
+      ] }) : PostList })
+    ] });
+  };
+}
+
+export { createTopicScopePage };

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

@@ -0,0 +1,109 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useParams } from 'next/navigation';
+import { CMS_PATHS } from '../../../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../../../constants/paths/redirect.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 '../../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../../../../../../core/domain/resources/post/props.js';
+import '../../../../../../../../../../../core/domain/resources/user/constants.js';
+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 'sonner';
+import { useQuery } from '../../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../../../../../../core/client/infrastructure/contexts/user/user.js';
+import { getControlMeta } from '../../../../../../../../../applications/form/get-control-meta.js';
+import '../../../../../../../../../../../commerce/taiwan-address/constants.js';
+import { PageHeader } from '../../../../../../../../components/ui/blocks/page-header/page-header.js';
+import 'lucide-react';
+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 '../../../../../../../../components/shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+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 createPostEditPage({
+  topics: staticTopics,
+  postFindAction,
+  postFindFullAction,
+  postFindManyAction,
+  renderPostEditContent
+}) {
+  return function PostEditPage() {
+    const { t, locale } = useTranslator();
+    const { id, topicSlug } = useParams();
+    const postType = staticTopics[topicSlug]?.postType;
+    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const { data: topic, isFetching: isFetchingTopic } = useQuery(
+      () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
+      ["postFindAction", POST_TYPES.TOPIC, topicSlug],
+      { select: (data) => data?.post }
+    );
+    const {
+      data: post,
+      isFetching,
+      isNotFound
+    } = useQuery(() => postFindFullAction({ id }), ["postFindFullAction", id], {
+      select: (data) => data?.post
+    });
+    const { data: posts, isFetching: isFetchingControlMeta } = useQuery(
+      () => postFindManyAction({ type: postType, topicId: topic?.id }),
+      ["postFindManyAction", postType, topic?.id],
+      { select: (data) => data?.posts, enabled: !!topic }
+    );
+    const controlMeta = getControlMeta({
+      records: ensureArray(posts),
+      excludeIndex: post?.index,
+      excludeSlug: post?.slug
+    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "edit",
+          titleProps: {
+            title: t("resources.post.text"),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetching, children: findTranslation(topic?.translations, locale)?.title })
+          },
+          returnButtonProps: {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].post.pathname(topicSlug),
+              id
+            )
+          }
+        }
+      ),
+      renderPostEditContent({
+        post,
+        postType,
+        categoryType,
+        controlMeta,
+        isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+        isNotFound
+      })
+    ] });
+  };
+}
+
+export { createPostEditPage };

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

@@ -0,0 +1,140 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useParams, useRouter } from 'next/navigation';
+import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import 'react';
+import '../../../../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import { useCommand } from '../../../../../../../../../../core/client/infrastructure/react-query/use-command.js';
+import { useQuery } from '../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../../../../../core/client/infrastructure/contexts/user/user.js';
+import 'mime-types';
+import '../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../../../../../core/domain/resources/post/props.js';
+import '../../../../../../../../../../core/domain/resources/user/constants.js';
+import { findTranslation } from '../../../../../../../../../../shared/translation/find-translation.js';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
+import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
+import 'lucide-react';
+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 '../../../../../../../components/shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+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 '../../../../../../../../../../commerce/taiwan-address/constants.js';
+import 'next/link';
+import { Badge } from '../../../../../../../components/ui/display/badge.js';
+import { ExternalLink } from '../../../../../../../components/ui/features/external-link.js';
+import 'next/image';
+
+function createPostShowPage({
+  topics: staticTopics,
+  enableSeoMetadata,
+  externalHref,
+  postFindAction,
+  postFindFullAction,
+  postDeleteAction,
+  SeoMetadataDialog,
+  renderPostShowContent
+}) {
+  return function PostShowPage() {
+    const { t, locale } = useTranslator();
+    const { id, topicSlug } = useParams();
+    const router = useRouter();
+    const postType = staticTopics[topicSlug]?.postType;
+    const { data: topic, isFetching: isFetchingTopic } = useQuery(
+      () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
+      ["postFindAction", POST_TYPES.TOPIC, topicSlug],
+      { select: (data) => data?.post }
+    );
+    const {
+      data: post,
+      isFetching,
+      isNotFound
+    } = useQuery(() => postFindFullAction({ id }), ["postFindFullAction", id], {
+      select: (data) => data?.post
+    });
+    const { execute, isRedirecting } = useCommand(
+      () => postDeleteAction({ id }),
+      {
+        onSuccess: () => router.replace(
+          joinUrl(
+            CMS_PATHS.content["content-management"].pathname,
+            topicSlug
+          )
+        )
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "show",
+          titleProps: {
+            title: t("resources.post.text"),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+          },
+          returnButtonProps: {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].pathname,
+              topicSlug
+            )
+          },
+          editButtonProps: {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].post.pathname(topicSlug),
+              id,
+              "edit"
+            )
+          },
+          destroyButtonProps: {
+            onClick: () => {
+              if (!confirm(t("ui.dialog.confirm.text"))) return;
+              void execute();
+            },
+            isLoading: isRedirecting
+          },
+          rightChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            !!enableSeoMetadata && /* @__PURE__ */ jsx(
+              SeoMetadataDialog,
+              {
+                id: post?.id,
+                isArticle: true,
+                isLoading: isFetching,
+                isDisabled: isNotFound
+              }
+            ),
+            post && externalHref?.(post) && /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(post) })
+          ] }),
+          isDisabled: isFetching,
+          isNotFound
+        }
+      ),
+      renderPostShowContent({
+        post,
+        postType,
+        isFetching,
+        isNotFound
+      })
+    ] });
+  };
+}
+
+export { createPostShowPage };

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

@@ -0,0 +1,102 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useParams } from 'next/navigation';
+import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../../constants/paths/redirect.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 '../../../../../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../../../../../core/domain/resources/post/props.js';
+import '../../../../../../../../../../core/domain/resources/user/constants.js';
+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 'sonner';
+import { useQuery } from '../../../../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../../../../../core/client/infrastructure/contexts/user/user.js';
+import { getControlMeta } from '../../../../../../../../applications/form/get-control-meta.js';
+import '../../../../../../../../../../commerce/taiwan-address/constants.js';
+import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
+import 'lucide-react';
+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 '../../../../../../../components/shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+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 createPostCreatePage({
+  topics: staticTopics,
+  postFindAction,
+  postFindManyAction,
+  renderPostCreateContent
+}) {
+  return function PostCreatePage() {
+    const { t, locale } = useTranslator();
+    const { topicSlug } = useParams();
+    const postType = staticTopics[topicSlug]?.postType;
+    const categoryType = staticTopics[topicSlug]?.categoryType;
+    const {
+      data: topic,
+      isFetching: isFetchingTopic,
+      isNotFound
+    } = useQuery(
+      () => postFindAction({ type: POST_TYPES.TOPIC, slug: topicSlug }),
+      ["postFindAction", POST_TYPES.TOPIC, topicSlug],
+      { select: (data) => data?.post }
+    );
+    const { data: posts, isFetching: isFetchingControlMeta } = useQuery(
+      () => postFindManyAction({ type: postType, topicId: topic?.id }),
+      ["postFindManyAction", postType, topic?.id],
+      { select: (data) => data?.posts, enabled: !!topic }
+    );
+    const controlMeta = getControlMeta({ records: ensureArray(posts) });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "create",
+          titleProps: {
+            title: t("resources.post.text"),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+          },
+          returnButtonProps: {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].pathname,
+              topicSlug
+            )
+          },
+          isDisabled: isFetchingTopic || isFetchingControlMeta,
+          isNotFound
+        }
+      ),
+      renderPostCreateContent({
+        topic,
+        postType,
+        categoryType,
+        controlMeta,
+        isFetching: isFetchingTopic || isFetchingControlMeta
+      })
+    ] });
+  };
+}
+
+export { createPostCreatePage };

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

@@ -0,0 +1,87 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File, SquareLibrary } from 'lucide-react';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.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 '../../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../../core/domain/resources/post/props.js';
+import '../../../../../../../core/domain/resources/user/constants.js';
+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 'sonner';
+import { useQuery } from '../../../../../../../core/client/infrastructure/react-query/use-query.js';
+import '../../../../../../../core/client/infrastructure/contexts/user/user.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 '../../../../components/shadcn/item.js';
+import '@radix-ui/react-label';
+import 'radix-ui';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../../components/shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import { Spinner } from '../../../../components/shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { PageHeader } from '../../../../components/ui/blocks/page-header/page-header.js';
+import 'next/navigation';
+import '../../../../../../../commerce/taiwan-address/constants.js';
+import 'next/link';
+import { FeatureCard } from '../../../../components/ui/cards/feature-card.js';
+import 'intor/next';
+import { ContentContainer } from '../../../../components/ui/layouts/content-container.js';
+
+function createCollectionsPage({
+  postFindManyAction
+}) {
+  return function CollectionsPage() {
+    const { t, locale } = useTranslator();
+    const { data: topics, isFetching } = useQuery(
+      () => postFindManyAction({ type: POST_TYPES.TOPIC }),
+      ["postFindManyAction", POST_TYPES.TOPIC],
+      { select: (data) => data?.posts }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          titleProps: {
+            icon: File,
+            title: t("main.content-management.text")
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-6", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-6", children: isFetching ? /* @__PURE__ */ jsx(FeatureCard, { text: /* @__PURE__ */ jsx(Spinner, {}) }) : ensureArray(topics).map((topic) => {
+        const topicT = findTranslation(topic.translations, locale);
+        return /* @__PURE__ */ jsx(
+          FeatureCard,
+          {
+            href: joinUrl(
+              CMS_PATHS.content["content-management"].pathname,
+              topic.slug
+            ),
+            icon: /* @__PURE__ */ jsx(SquareLibrary, {}),
+            text: topicT.title
+          },
+          topic.id
+        );
+      }) }) }) })
+    ] });
+  };
+}
+
+export { createCollectionsPage };