sitero 0.0.1 → 0.0.3

package/dist/src/cms/client/interfaces/pages/dashboard/commerce/user/create/page.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Octagon, OctagonMinus } from 'lucide-react';
+import { 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 '../../../../../../../../core/client/infrastructure/contexts/user/user.js';
+import 'mime-types';
+import '../../../../../../../../core/domain/resources/admin/constants.js';
+import { USER_STATUS } from '../../../../../../../../core/domain/resources/user/props.js';
+import { USER_STATUS_ARRAY, USER_STATUS_I18N_MAP } from '../../../../../../../../core/domain/resources/user/constants.js';
+import { cn } from '../../../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../../../shared/utils/join-url.js';
+import '@radix-ui/react-avatar';
+import '../../../../../components/shadcn/badge.js';
+import '../../../../../components/shadcn/button.js';
+import { Card } from '../../../../../components/shadcn/card.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 { PageHeader } from '../../../../../components/ui/blocks/page-header/page-header.js';
+import '../../../../../../../../commerce/taiwan-address/constants.js';
+import { Input } from '../../../../../components/ui/inputs/input.js';
+import { PasswordInput } from '../../../../../components/ui/inputs/password-input.js';
+import { Select, Option } from '../../../../../components/ui/inputs/select.js';
+import { Form } from '../../../../../components/ui/form/form.js';
+import { Field } from '../../../../../components/ui/form/field.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 'next/link';
+import { ActionButtonsCard } from '../../../../../components/ui/cards/action-buttons-card.js';
+import 'intor/next';
+import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
+
+function createUserCreatePage({
+  useUserCreateFormData,
+  userCreateAction
+}) {
+  return function UserCreatePage() {
+    const { t } = useTranslator();
+    const router = useRouter();
+    const { formData, setFormData } = useUserCreateFormData();
+    const { execute, isRedirecting, errors } = useCommand(
+      () => userCreateAction({ formData }),
+      {
+        onSuccess: (data) => {
+          router.replace(
+            joinUrl(CMS_PATHS.commerce.user.pathname, data?.user.id)
+          );
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "create",
+          titleProps: {
+            title: t("resources.user.text")
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+        /* @__PURE__ */ jsx(MainFields, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "email",
+              label: t("resources.user.email.text"),
+              isRequired: true,
+              children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "email",
+                  placeholder: t("resources.user.email.placeholder.text"),
+                  autoComplete: "email",
+                  fieldName: "email",
+                  value: formData.email,
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  isError: errors.includes("email")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "name",
+              label: t("resources.user.name.text"),
+              isRequired: true,
+              children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "name",
+                  placeholder: t("resources.user.name.placeholder.text"),
+                  autoComplete: "name",
+                  fieldName: "name",
+                  value: formData.name ?? "",
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  isError: errors.includes("name")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "password",
+              label: t("resources.user.password.text"),
+              children: /* @__PURE__ */ jsx(
+                PasswordInput,
+                {
+                  id: "password",
+                  fieldName: "password",
+                  value: formData.password,
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  isError: errors.includes("password"),
+                  placeholder: t(
+                    "resources.user.password.placeholder.text"
+                  )
+                }
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(SideFields, { children: [
+          /* @__PURE__ */ jsx(ActionButtonsCard, { isProcessing: isRedirecting }),
+          /* @__PURE__ */ jsx(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), children: /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+                formData.status === USER_STATUS.ACTIVE ? /* @__PURE__ */ jsx(Octagon, { className: "size-4" }) : /* @__PURE__ */ jsx(OctagonMinus, { className: "text-destructive size-4" }),
+                t("resources.user.status.text")
+              ] }),
+              children: /* @__PURE__ */ jsx(
+                Select,
+                {
+                  fieldName: "status",
+                  value: formData.status,
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  children: USER_STATUS_ARRAY.map((status) => /* @__PURE__ */ jsx(Option, { value: status, children: t(USER_STATUS_I18N_MAP[status]) }, status))
+                }
+              )
+            }
+          ) })
+        ] })
+      ] }) }) })
+    ] });
+  };
+}
+
+export { createUserCreatePage };

package/dist/src/cms/client/interfaces/pages/dashboard/commerce/user/page.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { UserRound } from 'lucide-react';
+import { PageHeader } from '../../../../components/ui/blocks/page-header/page-header.js';
+import 'react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../../core/domain/resources/user/constants.js';
+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 '../../../../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 'next/navigation';
+import '../../../../../../../commerce/taiwan-address/constants.js';
+import '../../../../../../../constants/paths/redirect.js';
+import 'intor/next';
+import 'next/link';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import '../../../../../../../core/client/infrastructure/contexts/user/user.js';
+import { ContentContainer } from '../../../../components/ui/layouts/content-container.js';
+
+function createUserIndexPage({
+  UserList
+}) {
+  return function UserIndexPage() {
+    const { t } = useTranslator();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "index",
+          titleProps: {
+            icon: UserRound,
+            title: t("resources.user.text")
+          },
+          createButtonProps: {},
+          returnButtonProps: { className: "hidden" }
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: true, children: /* @__PURE__ */ jsx(UserList, {}) })
+    ] });
+  };
+}
+
+export { createUserIndexPage };

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

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Notebook } from 'lucide-react';
+import { useParams } from 'next/navigation';
+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 '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 '@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 createCategoryEditPage({
+  topics: staticTopics,
+  postFindAction,
+  postFindFullAction,
+  postFindManyAction,
+  renderPostEditContent
+}) {
+  return function CategoryEditPage() {
+    const { t, locale } = useTranslator();
+    const { id, topicSlug } = useParams();
+    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: category,
+      isFetching,
+      isNotFound
+    } = useQuery(() => postFindFullAction({ id }), ["postFindFullAction", id], {
+      select: (data) => data?.post
+    });
+    const { data: categories, isFetching: isFetchingControlMeta } = useQuery(
+      () => postFindManyAction({ type: categoryType, topicId: topic?.id }),
+      ["postFindManyAction", categoryType, topic?.id],
+      { select: (data) => data?.posts, enabled: !!topic }
+    );
+    const controlMeta = getControlMeta({
+      records: ensureArray(categories),
+      excludeIndex: category?.index,
+      excludeSlug: category?.slug
+    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "edit",
+          titleProps: {
+            icon: Notebook,
+            title: t("resources.category.text"),
+            leftChildren: /* @__PURE__ */ jsx(Badge, { isLoading: isFetchingTopic, children: findTranslation(topic?.translations, locale)?.title })
+          }
+        }
+      ),
+      renderPostEditContent({
+        category,
+        categoryType,
+        controlMeta,
+        isFetching: isFetchingTopic || isFetching || isFetchingControlMeta,
+        isNotFound
+      })
+    ] });
+  };
+}
+
+export { createCategoryEditPage };

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

@@ -0,0 +1,146 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Notebook } from 'lucide-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 '@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 createCategoryShowPage({
+  topics: staticTopics,
+  enableSeoMetadata,
+  externalHref,
+  postFindAction,
+  postFindFullAction,
+  postDeleteAction,
+  SeoMetadataDialog,
+  renderPostShowContent
+}) {
+  return function CategoryShowPage() {
+    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: category,
+      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: {
+            icon: Notebook,
+            title: t("resources.category.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"].category.pathname(
+                topicSlug
+              ),
+              id,
+              "edit"
+            )
+          },
+          destroyButtonProps: {
+            onClick: () => {
+              if (!confirm(t("ui.dialog.confirm.text"))) return;
+              void execute();
+            },
+            isLoading: isRedirecting,
+            isDisabled: isFetching || category?.isLocked
+          },
+          rightChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            !!enableSeoMetadata && /* @__PURE__ */ jsx(
+              SeoMetadataDialog,
+              {
+                id: category?.id,
+                isArticle: true,
+                isLoading: isFetching,
+                isDisabled: isNotFound
+              }
+            ),
+            category && externalHref?.(category) && /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(category) })
+          ] }),
+          isDisabled: isFetching,
+          isNotFound,
+          isLocked: category?.isLocked
+        }
+      ),
+      renderPostShowContent({
+        category,
+        postType,
+        isFetching,
+        isNotFound,
+        headerProps: { children: t("resources.post.text") }
+      })
+    ] });
+  };
+}
+
+export { createCategoryShowPage };

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

@@ -0,0 +1,100 @@
+"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 createCategoryCreatePage({
+  topics: staticTopics,
+  postFindAction,
+  postFindManyAction,
+  renderPostCreateContent
+}) {
+  return function CategoryCreatePage() {
+    const { t, locale } = useTranslator();
+    const { topicSlug } = useParams();
+    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: categories, isFetching: isFetchingControlMeta } = useQuery(
+      () => postFindManyAction({ type: categoryType, topicId: topic?.id }),
+      ["postFindManyAction", categoryType, topic?.id],
+      { select: (data) => data?.posts, enabled: !!topic }
+    );
+    const controlMeta = getControlMeta({ records: ensureArray(categories) });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          variant: "create",
+          titleProps: {
+            title: t("resources.category.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,
+        categoryType,
+        controlMeta,
+        isFetching: isFetchingTopic || isFetchingControlMeta
+      })
+    ] });
+  };
+}
+
+export { createCategoryCreatePage };