sitero 0.2.0 → 0.4.0

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/page.js

@@ -1,9 +1,13 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { ShieldUser } from 'lucide-react';
+import { ShieldUser, Pen, Trash2, Lock } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
 import { ADMIN_ROLES } from 'sitero-domain';
+import 'zod';
+import { useCmsCommand } from '../../../../../../../infrastructure/operation-result/use-cms-command.js';
+import { useCmsQuery } from '../../../../../../../infrastructure/operation-result/use-cms-query.js';
+import { AUTHOR_FIELDS } from '../../../../../../../../../config/author.js';
 import { CMS_PATHS } from '../../../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../../../constants/paths/redirect.js';
 import { DATE_FORMAT_OPTIONS } from '../../../../../../../../../constants/date.js';
@@ -13,10 +17,9 @@ 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 { cn } from '../../../../../../../../../shared/utils/cn.js';
-import 'zod';
+import { joinUrl } from '../../../../../../../../../shared/utils/join-url.js';
+import { getLocaleLanguageCode } from '../../../../../../../../../shared/utils/get-locale-language-code.js';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../../components/shadcn/badge.js';
@@ -41,20 +44,29 @@ import { FieldBody } from '../../../../../../components/ui/form/field-body.js';
 import { FieldsContainer } from '../../../../../../components/ui/form/containers/fields-container.js';
 import { MainFields } from '../../../../../../components/ui/form/containers/main-fields.js';
 import { SideFields } from '../../../../../../components/ui/form/containers/side-fields.js';
+import '../../../../../../components/ui/inputs/input.js';
+import '../../../../../../components/ui/inputs/textarea.js';
 import '../../../../../../../infrastructure/admin-session/admin-context.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 { ActionButton } from '../../../../../../components/ui/buttons/action-button.js';
+import { LinkButton } from '../../../../../../components/ui/buttons/link-button.js';
+import { ReturnButton } from '../../../../../../components/ui/buttons/return-button.js';
+import { CopyButton } from '../../../../../../components/ui/buttons/copy-button.js';
+import { SwitchInput } from '../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../components/ui/inputs/password-input.js';
 import 'next/image';
-import { ActiveSessionsBadge } from '../../../../../../components/resources/admin/admin-refresh-tokens/active-sessions-badge.js';
+import { AdminRelationsLink } from '../../../../../../components/resources/admin/admin-relations-link.js';
+import { AdminSessionsLink } from '../../../../../../components/resources/admin/admin-refresh-tokens/admin-sessions-link.js';
 import 'intor/next';
 import { ContentContainer } from '../../../../../../components/ui/layouts/content-container.js';
+import { I18nDisplayField } from '../../../../../../components/ui/i18n/i18n-display-field.js';
 
 function createAdminShowPage({
-  enableAuthor,
+  allowField = () => true,
+  webLocales,
   adminFindDetailAction,
   adminDeleteAction,
-  FileCard,
-  I18nDisplay,
-  I18nArrayDisplay
+  FileCard
 }) {
   return function AdminShowPage() {
     const { t, format } = useTranslator();
@@ -64,65 +76,130 @@ function createAdminShowPage({
       data: admin,
       isFetching,
       isNotFound
-    } = useQuery(
+    } = useCmsQuery(
       () => adminFindDetailAction({ id }),
       ["adminFindDetailAction", id],
       {
         select: (data) => data?.admin
       }
     );
-    const { execute, isRedirecting } = useCommand(
+    const { execute, isRedirecting } = useCmsCommand(
       () => adminDeleteAction({ id }),
       {
         onSuccess: () => router.replace(CMS_PATHS.system.access.admin.pathname)
       }
     );
     const isSuperAdmin = admin?.role === ADMIN_ROLES.SUPER_ADMIN;
+    const preferredLanguage = getLocaleLanguageCode(admin?.preferredLocale);
     const PreferenceFieldsCard = /* @__PURE__ */ jsxs(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), children: [
-      /* @__PURE__ */ jsx(Field, { label: t("resources.admin.preferred-locale.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: admin?.preferredLocale }) }),
-      /* @__PURE__ */ jsx(Field, { label: t("resources.admin.receives-inquiry-notifications.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: t(
-        `resources.admin.receives-inquiry-notifications.status.${admin?.receivesInquiryNotifications ? "enabled" : "disabled"}.text`
-      ) }) })
+      /* @__PURE__ */ jsx(Field, { label: t("resources.admin.preferred-locale.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: preferredLanguage ? format.displayName(preferredLanguage, { type: "language" }) : "" }) }),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          htmlFor: "receivesInquiryNotifications",
+          label: t("resources.admin.receives-inquiry-notifications.text"),
+          children: /* @__PURE__ */ jsx(
+            SwitchInput,
+            {
+              id: "receivesInquiryNotifications",
+              checked: admin?.receivesInquiryNotifications ?? false,
+              disabled: true,
+              isLoading: isFetching
+            }
+          )
+        }
+      )
     ] });
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "show",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
             icon: ShieldUser,
-            title: t("resources.admin.text")
-          },
-          editButtonProps: {},
-          destroyButtonProps: {
-            onClick: () => {
-              if (!confirm(t("ui.dialog.confirm.text"))) return;
-              void execute();
-            },
-            isLoading: isRedirecting,
-            isDisabled: isFetching || isSuperAdmin
+            title: t("resources.admin.text"),
+            rightChildren: isSuperAdmin && /* @__PURE__ */ jsx(
+              Lock,
+              {
+                className: "size-4",
+                role: "img",
+                "aria-label": t("resources.admin.role.super_admin.text"),
+                "aria-hidden": false
+              }
+            )
           },
-          isDisabled: isFetching,
-          isNotFound,
-          isLocked: isSuperAdmin
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "warning",
+                icon: Pen,
+                href: joinUrl(
+                  CMS_PATHS.system.access.admin.pathname,
+                  id,
+                  "edit"
+                ),
+                isDisabled: isFetching,
+                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 || isSuperAdmin,
+                children: t("ui.destroy.text")
+              }
+            )
+          ] })
         }
       ),
       /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
         /* @__PURE__ */ jsxs(MainFields, { children: [
-          /* @__PURE__ */ jsx(ActiveSessionsBadge, { adminId: admin?.id, isLoading: isFetching }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            admin && /* @__PURE__ */ jsx(AdminSessionsLink, { adminId: admin.id }),
+            admin && /* @__PURE__ */ jsx(AdminRelationsLink, { adminId: admin.id })
+          ] }),
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Field, { label: t("resources.admin.role.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: t(
               `resources.admin.role.${(admin?.role || ADMIN_ROLES.ADMIN).toLowerCase()}.text`
             ) }) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.email.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: admin?.email }) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.name.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.email.text"), children: /* @__PURE__ */ jsxs(FieldBody, { isLoading: isFetching, isEmpty: !admin?.email, children: [
+              /* @__PURE__ */ jsx("span", { children: admin?.email }),
+              admin?.email && /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  content: admin.email,
+                  variant: "ghost",
+                  size: "icon-sm",
+                  className: "text-muted-foreground size-6"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "name",
+                locales: webLocales,
+                label: t("resources.admin.name.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsx(
               Field,
               {
@@ -148,21 +225,31 @@ function createAdminShowPage({
               }
             ) })
           ] }),
-          enableAuthor && /* @__PURE__ */ jsxs(Fragment, { children: [
+          AUTHOR_FIELDS.some((field) => allowField({ field })) && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex-center my-4 w-full gap-4", children: [
               /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
               /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: t("resources.admin.author-info.text") }),
               /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
             ] }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.author-name.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            allowField({ field: "authorName" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "authorName",
+                locales: webLocales,
+                label: t("resources.admin.author-name.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.social-links.text"), children: /* @__PURE__ */ jsx(
+            ),
+            allowField({ field: "socialLinks" }) && /* @__PURE__ */ jsx(Field, { label: t("resources.admin.social-links.text"), children: /* @__PURE__ */ jsx(
               ArrayList,
               {
                 isLink: true,
@@ -170,62 +257,130 @@ function createAdminShowPage({
                 isLoading: isFetching
               }
             ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.description.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            allowField({ field: "description" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "description",
+                locales: webLocales,
+                label: t("resources.admin.description.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.job-title.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            ),
+            allowField({ field: "jobTitle" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "jobTitle",
+                locales: webLocales,
+                label: t("resources.admin.job-title.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.url.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            ),
+            allowField({ field: "url" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "url",
+                locales: webLocales,
+                label: t("resources.admin.url.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.works-for.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            ),
+            allowField({ field: "worksFor" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "worksFor",
+                locales: webLocales,
+                label: t("resources.admin.works-for.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.knows-about.text"), children: /* @__PURE__ */ jsx(
-              I18nArrayDisplay,
+            ),
+            allowField({ field: "knowsAbout" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "knowsAbout",
+                locales: webLocales,
+                label: t("resources.admin.knows-about.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  ArrayList,
+                  {
+                    values: Array.isArray(value) ? value : void 0,
+                    isLoading: isFetching
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.home-location.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            ),
+            allowField({ field: "homeLocation" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "homeLocation",
+                locales: webLocales,
+                label: t("resources.admin.home-location.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.nationality.text"), children: /* @__PURE__ */ jsx(
-              I18nDisplay,
+            ),
+            allowField({ field: "nationality" }) && /* @__PURE__ */ jsx(
+              I18nDisplayField,
               {
                 fieldName: "nationality",
+                locales: webLocales,
+                label: t("resources.admin.nationality.text"),
                 translations: admin?.translations,
-                isLoading: isFetching
+                children: ({ value }) => /* @__PURE__ */ jsx(
+                  FieldBody,
+                  {
+                    isLoading: isFetching,
+                    isEmpty: !value,
+                    className: "whitespace-pre-line",
+                    children: value
+                  }
+                )
               }
-            ) })
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxs(SideFields, { children: [

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/relations/page.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Network } from 'lucide-react';
+import { useParams } from 'next/navigation';
+import { useState } from 'react';
+import { POST_TYPES } from 'sitero-domain';
+import { PageHeaderLayout } from '../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
+import 'ua-parser-js';
+import '../../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+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/link';
+import { ReturnButton } from '../../../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../constants/cms-locale.js';
+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 '../../../../../../../../infrastructure/admin-session/admin-context.js';
+import 'intor/next';
+import 'zod';
+import { ContentContainer } from '../../../../../../../components/ui/layouts/content-container.js';
+
+function createAdminRelationsPage({
+  PostList,
+  CategoryCard,
+  CategoryTable,
+  TagCard,
+  TagTable
+}) {
+  return function AdminRelationsPage() {
+    const { t } = useTranslator();
+    const { id } = useParams();
+    const [categoryStates, setCategoryStates] = useState({});
+    const [subcategoryStates, setSubcategoryStates] = useState({});
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    const [tagStates, setTagStates] = useState(
+      {}
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeaderLayout,
+        {
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
+          titleProps: {
+            icon: Network,
+            title: t("resources.related-resources.text")
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsxs(AccordionContainer, { children: [
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            hasBorder: true,
+            deps: [categoryStates.isFetching],
+            accordionHeaderProps: {
+              count: categoryStates.count,
+              children: t("resources.category.text")
+            },
+            children: /* @__PURE__ */ jsx(
+              PostList,
+              {
+                authorId: id,
+                type: POST_TYPES.CATEGORY,
+                Card: CategoryCard,
+                Table: CategoryTable,
+                openNewTab: true,
+                setListItemStates: setCategoryStates,
+                localKey: "admin-authored-categories"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            hasBorder: true,
+            deps: [subcategoryStates.isFetching],
+            accordionHeaderProps: {
+              count: subcategoryStates.count,
+              children: t("resources.subcategory.text")
+            },
+            children: /* @__PURE__ */ jsx(
+              PostList,
+              {
+                authorId: id,
+                type: POST_TYPES.SUBCATEGORY,
+                Card: (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props, isSubcategory: true }),
+                Table: (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props, isSubcategory: true }),
+                openNewTab: true,
+                setListItemStates: setSubcategoryStates,
+                localKey: "admin-authored-subcategories"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            hasBorder: true,
+            deps: [postStates.isFetching],
+            accordionHeaderProps: {
+              count: postStates.count,
+              children: t("resources.post.text")
+            },
+            children: /* @__PURE__ */ jsx(
+              PostList,
+              {
+                authorId: id,
+                type: POST_TYPES.POST,
+                openNewTab: true,
+                setListItemStates: setPostStates,
+                localKey: "admin-authored-posts"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            hasBorder: true,
+            deps: [tagStates.isFetching],
+            accordionHeaderProps: {
+              count: tagStates.count,
+              children: t("resources.tag.text")
+            },
+            children: /* @__PURE__ */ jsx(
+              PostList,
+              {
+                authorId: id,
+                type: POST_TYPES.TAG,
+                Card: TagCard,
+                Table: TagTable,
+                openNewTab: true,
+                setListItemStates: setTagStates,
+                localKey: "admin-authored-tags"
+              }
+            )
+          }
+        )
+      ] }) })
+    ] });
+  };
+}
+
+export { createAdminRelationsPage };