@yimingliao/cms 0.0.151 → 0.0.152

package/dist/export/client/components/index.js

@@ -36,26 +36,29 @@ export { PasswordInput } from '../../../src/client/interfaces/components/ui/inpu
 export { SearchInput } from '../../../src/client/interfaces/components/ui/inputs/search-input.js';
 export { Option, Select } from '../../../src/client/interfaces/components/ui/inputs/select.js';
 export { Textarea } from '../../../src/client/interfaces/components/ui/inputs/textarea.js';
-export { createFileCard } from '../../../src/client/interfaces/components/resources/file/file-card.js';
-export { createFileList } from '../../../src/client/interfaces/components/resources/file/file-list.js';
-export { createNavbar } from '../../../src/client/interfaces/components/ui/layouts/navbar/navbar.js';
-export { createI18nSelector } from '../../../src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js';
-export { createSignOutButton } from '../../../src/client/interfaces/components/ui/layouts/navbar/sign-out-button.js';
-export { NavMain } from '../../../src/client/interfaces/components/ui/layouts/sidebar/nav-main.js';
 import 'react/jsx-runtime';
-import '@radix-ui/react-avatar';
+import 'intor/react';
+import 'lucide-react';
+import '../../../src/constants/paths/auth.js';
+import '../../../src/constants/paths/main.js';
+import '../../../src/constants/paths/resources.js';
+import '../../../src/constants/redirect-paths.js';
+import '../../../src/domain/resources/admin/constants.js';
+import 'mime-types';
 import 'react';
 import 'ua-parser-js';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
+import 'next/link';
+import '@radix-ui/react-avatar';
 import '../../../src/client/interfaces/components/shadcn/badge.js';
 import '../../../src/client/interfaces/components/shadcn/button.js';
 import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
-import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '../../../src/client/interfaces/components/shadcn/input-group.js';
+import '../../../src/client/interfaces/components/shadcn/item.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
@@ -64,6 +67,12 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+export { createFileCard } from '../../../src/client/interfaces/components/resources/file/file-card.js';
+export { createFileList } from '../../../src/client/interfaces/components/resources/file/file-list.js';
+export { createNavbar } from '../../../src/client/interfaces/components/ui/layouts/navbar/navbar.js';
+export { createI18nSelector } from '../../../src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js';
+export { createSignOutButton } from '../../../src/client/interfaces/components/ui/layouts/navbar/sign-out-button.js';
+export { NavMain } from '../../../src/client/interfaces/components/ui/layouts/sidebar/nav-main.js';
 export { ContentContainer } from '../../../src/client/interfaces/components/ui/layouts/content-container.js';
 export { createI18nTabsWrapper } from '../../../src/client/interfaces/components/ui/i18n/i18n-tabs-wrapper.js';
 export { createI18nDisplay } from '../../../src/client/interfaces/components/ui/i18n/display/i18n-display.js';

package/dist/export/client/components/resources/index.js

@@ -0,0 +1,17 @@
+export { AdminCard } from '../../../../src/client/interfaces/components/resources/admin/admin-card.js';
+export { createAdminList } from '../../../../src/client/interfaces/components/resources/admin/admin-list.js';
+export { createAdminRelationsSection } from '../../../../src/client/interfaces/components/resources/admin/admin-relations-section.js';
+export { ActiveSessionsBadge } from '../../../../src/client/interfaces/components/resources/admin/admin-refresh-tokens/active-sessions-badge.js';
+export { AdminRefreshTokenCard } from '../../../../src/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js';
+export { createFileCard } from '../../../../src/client/interfaces/components/resources/file/file-card.js';
+export { createFileList } from '../../../../src/client/interfaces/components/resources/file/file-list.js';
+export { createFileRelationsSection } from '../../../../src/client/interfaces/components/resources/file/file-relations-section.js';
+export { createPostCard } from '../../../../src/client/interfaces/components/resources/post/post-card.js';
+export { createPostList } from '../../../../src/client/interfaces/components/resources/post/post-list.js';
+export { createPostRelationsSection } from '../../../../src/client/interfaces/components/resources/post/post-relations-section.js';
+import 'react/jsx-runtime';
+import 'lucide-react';
+export { PostTypeGate } from '../../../../src/client/interfaces/components/resources/post/post-type-gate.js';
+export { CategoryCard } from '../../../../src/client/interfaces/components/resources/category/category-card.js';
+export { createCategoryList } from '../../../../src/client/interfaces/components/resources/category/category-list.js';
+export { createCategoryRelationsSection } from '../../../../src/client/interfaces/components/resources/category/category-relations-section.js';

package/dist/export/client/shadcn/index.js

@@ -5,8 +5,9 @@ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../../src/client/interfaces/components/shadcn/collapsible.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../../src/client/interfaces/components/shadcn/dialog.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../../src/client/interfaces/components/shadcn/dropdown-menu.js';
-export { Input } from '../../../src/client/interfaces/components/shadcn/input.js';
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from '../../../src/client/interfaces/components/shadcn/input-group.js';
+export { Input } from '../../../src/client/interfaces/components/shadcn/input.js';
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../../../src/client/interfaces/components/shadcn/item.js';
 export { Label } from '../../../src/client/interfaces/components/shadcn/label.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../../src/client/interfaces/components/shadcn/pagination.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../../src/client/interfaces/components/shadcn/select.js';
@@ -16,6 +17,7 @@ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupActio
 export { Skeleton } from '../../../src/client/interfaces/components/shadcn/skeleton.js';
 export { Toaster } from '../../../src/client/interfaces/components/shadcn/sonner.js';
 export { Spinner } from '../../../src/client/interfaces/components/shadcn/spinner.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../../../src/client/interfaces/components/shadcn/table.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../src/client/interfaces/components/shadcn/tabs.js';
 export { Textarea } from '../../../src/client/interfaces/components/shadcn/textarea.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../../src/client/interfaces/components/shadcn/tooltip.js';

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File, Lock } from 'lucide-react';
+import { PATHS } from '../../../../../constants/paths/index.js';
+import '../../../../../constants/redirect-paths.js';
+import { ADMIN_ROLE_I18N_MAP } from '../../../../../domain/resources/admin/constants.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../shared/translation/find-translation.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+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/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import 'next/link';
+import 'next/image';
+import { RelatedAdminRefreshTokens } from './admin-refresh-tokens/related-admin-refresh-tokens.js';
+
+const WIDTH = "240px";
+function AdminCard({
+  admin,
+  // link
+  openNewTab = false,
+  anchorProps,
+  // base
+  className = ""
+}) {
+  const { t, locale } = useTranslator();
+  const name = findTranslation(admin?.translations, locale)?.name;
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      className,
+      style: { width: WIDTH },
+      href: `${PATHS.resources.admin.path}/${admin?.id}`,
+      openNewTab,
+      anchorProps,
+      cardStatusBarProps: {
+        badge: t(ADMIN_ROLE_I18N_MAP[admin?.role || "ADMIN"]),
+        children: admin?.role === "SUPER_ADMIN" && /* @__PURE__ */ jsx(Lock, { className: "size-4" })
+      },
+      cardTextContentProps: {
+        title: name,
+        children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1"), children: [
+          /* @__PURE__ */ jsx(
+            RelatedAdminRefreshTokens,
+            {
+              isActive: !!admin && "adminRefreshTokens" in admin && admin.adminRefreshTokens?.length > 0,
+              children: admin && "adminRefreshTokens" in admin ? admin.adminRefreshTokens.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(File, { className: "size-4" }),
+            /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+              ":\xA0",
+              admin && "posts" in admin ? admin.posts.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
+            ] })
+          ] })
+        ] })
+      }
+    }
+  );
+}
+
+export { AdminCard };

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../constants/cache-keys.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import { debounce } from '../../../../../shared/utils/debounce.js';
+import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import 'intor/react';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+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/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
+import 'next/link';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import { Tick } from '../../ui/features/tick.js';
+import { AdminCard } from './admin-card.js';
+
+function createAdminList({
+  useQuery,
+  adminFindListCardsAction
+}) {
+  return function AdminList({
+    setItemStates,
+    // Fetch Condition
+    adminIds,
+    // Link Props
+    openNewTab,
+    // Pick Mode
+    pickedItems,
+    handleClick
+  }) {
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const { data, isFetching } = useQuery(
+      () => adminFindListCardsAction({
+        page,
+        pageSize,
+        searchString,
+        ...adminIds && { adminIds }
+      }),
+      [
+        CACHE_KEYS.findListCards("admin"),
+        page,
+        pageSize,
+        searchString,
+        JSON.stringify(adminIds)
+      ]
+    );
+    const admins = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setItemStates?.({
+        items: admins,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [admins, data?.total, isFetching, setItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListCardsContainer,
+      {
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        children: admins.map((admin) => {
+          const isPicked = pickedItems?.some((item) => item.id === admin.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative w-fit", children: [
+            /* @__PURE__ */ jsx(
+              AdminCard,
+              {
+                admin,
+                openNewTab: openNewTab ?? false,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(admin);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked ?? false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, admin.id);
+        })
+      }
+    );
+  };
+}
+
+export { createAdminList };

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/active-sessions-badge.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import Link from 'next/link';
+import { KEYS } from '../../../../../../constants/keys/index.js';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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 { ItemGroup, Item, ItemContent, ItemTitle, ItemDescription } from '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ActiveSpot } from './active-spot.js';
+
+function ActiveSessionsBadge({
+  adminId = "",
+  adminRefreshTokens,
+  isLoading = false
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsx(ItemGroup, { className: "gap-4", children: /* @__PURE__ */ jsx(Item, { variant: "outline", asChild: true, role: "listitem", className: "h-9 py-0", children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `${PATHS.resources.admin.path}/${adminId}/${KEYS.resources.adminRefreshToken.key}`,
+      children: [
+        /* @__PURE__ */ jsx(ActiveSpot, { isActive: adminRefreshTokens.length > 0 }),
+        /* @__PURE__ */ jsx(ItemContent, { children: /* @__PURE__ */ jsxs(ItemTitle, { className: "line-clamp-1", children: [
+          t("resources.admin-refresh-token.text"),
+          " :"
+        ] }) }),
+        /* @__PURE__ */ jsx(ItemContent, { className: "flex-none text-center", children: /* @__PURE__ */ jsx(ItemDescription, { className: "min-w-5 font-semibold", children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : adminRefreshTokens.length }) })
+      ]
+    }
+  ) }) });
+}
+
+export { ActiveSessionsBadge };

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/active-spot.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function ActiveSpot({ isActive }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-3 rounded-full",
+        isActive ? "bg-success animate-pulse" : "bg-accent"
+      )
+    }
+  );
+}
+
+export { ActiveSpot };

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import { Card } from '../../../shadcn/card.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 '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Table, TableBody, TableRow, TableCell } from '../../../shadcn/table.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../../ui/buttons/button.js';
+import 'next/link';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+
+function AdminRefreshTokenCard({
+  adminRefreshToken,
+  isCurrent,
+  isDestroying,
+  handleDestroy
+}) {
+  const { t } = useTranslator();
+  const { createdAt, expiresAt, ip, deviceInfo = {} } = adminRefreshToken || {};
+  const { deviceType, platform, timezone, language, browser } = deviceInfo;
+  const fields = [
+    { label: "Created At", value: createdAt?.toLocaleString() },
+    { label: "Expires At", value: expiresAt?.toLocaleString() },
+    { label: "IP Address", value: ip },
+    { label: "Device Type", value: deviceType },
+    { label: "Platform", value: platform },
+    { label: "Timezone", value: timezone },
+    { label: "Language", value: language },
+    { label: "Browser", value: browser }
+  ];
+  return /* @__PURE__ */ jsxs(Card, { className: cn("h-96 w-80 justify-between gap-0 p-4"), children: [
+    /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, { children: fields.map(({ label, value }) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: label }),
+      /* @__PURE__ */ jsx(TableCell, { children: value })
+    ] }, label)) }) }),
+    isCurrent ? /* @__PURE__ */ jsx(Button, { variant: "secondary", isDisabled: true, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("resources.admin-refresh-token.current-session.text") }) }) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "destructive",
+        isDisabled: isDestroying,
+        isLoading: isDestroying,
+        onClick: () => void handleDestroy?.(adminRefreshToken?.tokenHash ?? ""),
+        children: t("resources.admin-refresh-token.delete-session.text")
+      }
+    )
+  ] });
+}
+
+export { AdminRefreshTokenCard };

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/related-admin-refresh-tokens.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { ActiveSpot } from './active-spot.js';
+
+function RelatedAdminRefreshTokens({
+  isActive,
+  children
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-center size-4", children: /* @__PURE__ */ jsx(ActiveSpot, { isActive }) }),
+    /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+      t("resources.admin-refresh-token.text"),
+      ":\xA0",
+      children
+    ] })
+  ] });
+}
+
+export { RelatedAdminRefreshTokens };

package/dist/src/client/interfaces/components/resources/admin/admin-relations-section.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import '../../../../../domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../domain/resources/post/props.js';
+import 'mime-types';
+import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+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/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import '../../../../../constants/redirect-paths.js';
+import { Accordion } from '../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import 'next/image';
+
+function createAdminRelationsSection({
+  PostList
+}) {
+  return function AdminRelationsSection({
+    admin,
+    usableFields = [
+      "isActive",
+      "isIndexActive",
+      "isSlugActive",
+      "isFeatured",
+      "isShownOnHome"
+    ]
+  }) {
+    const { t } = useTranslator();
+    const post = ensureArray(admin?.posts).filter(
+      (p) => p.type === POST_TYPES.POST
+    );
+    return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        accordionHeaderProps: {
+          count: post.length,
+          isRelated: true,
+          children: t("resources.post.text")
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: post.map((p) => p.id),
+            openNewTab: true,
+            type: null,
+            usableFields
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createAdminRelationsSection };

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

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File } from 'lucide-react';
+import { PATHS } from '../../../../../constants/paths/index.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../shared/translation/find-translation.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+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/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import 'next/link';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import { PostStatusBarIcons } from '../post/post-status-bar-icons.js';
+
+function CategoryCard({
+  category,
+  // link
+  openNewTab = false,
+  anchorProps,
+  // base
+  className = ""
+}) {
+  const { t, locale } = useTranslator();
+  const topic = category?.topic;
+  const topicTitle = findTranslation(topic?.translations, locale)?.title ?? "";
+  const title = findTranslation(category?.translations, locale)?.title ?? "";
+  const { isActive, isSlugActive, index } = category || {};
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      className: cn("w-72!", className),
+      href: `${PATHS.resources.category.path(topic?.slug)}/${category?.id}`,
+      openNewTab,
+      anchorProps,
+      cardStatusBarProps: {
+        badge: topicTitle,
+        children: /* @__PURE__ */ jsx(
+          PostStatusBarIcons,
+          {
+            isActive,
+            isSlugActive,
+            index
+          }
+        )
+      },
+      cardTextContentProps: {
+        title,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(File, { className: "size-4" }),
+          /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+            ":\xA0",
+            category && "children" in category ? category.children.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
+          ] })
+        ] })
+      }
+    }
+  );
+}
+
+export { CategoryCard };