sitero 0.0.1 → 0.0.2

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

@@ -0,0 +1,107 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File, Notebook } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../constants/paths/redirect.js';
+import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
+import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import '@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';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../shadcn/table.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import 'react';
+import { Badge } from '../../ui/display/badge.js';
+import '../../../../../../commerce/taiwan-address/constants.js';
+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 { Tick } from '../../ui/features/tick.js';
+import 'next/image';
+import { PostStateIcons } from '../post/post-state-icons.js';
+
+function CategoryTable({
+  posts: categories,
+  pickedItems,
+  handleClick,
+  openNewTab
+}) {
+  const { t, locale } = useTranslator();
+  const router = useRouter();
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.topic.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(File, {}) })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: categories.map((category) => {
+      const topic = category?.topic;
+      const topicT = findTranslation(topic?.translations, locale);
+      const isPicked = !!pickedItems?.some(
+        (item) => item.id === category.id
+      );
+      const categoryT = findTranslation(category.translations, locale);
+      const href = joinUrl(
+        CMS_PATHS.content["content-management"].category.pathname(
+          topic?.slug
+        ),
+        category?.id
+      );
+      return /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          className: cn(
+            "cursor-pointer",
+            pickedItems && !isPicked && "opacity-50"
+          ),
+          onClick: () => {
+            if (handleClick === void 0) {
+              if (openNewTab) {
+                globalThis.open(href);
+              } else {
+                router.push(href);
+              }
+            } else {
+              handleClick(category);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Notebook, { className: "text-muted-foreground" }) }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { children: topicT.title }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PostStateIcons, { post: category }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: categoryT.title }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: category.children.length })
+          ]
+        },
+        category.id
+      );
+    }) })
+  ] });
+}
+
+export { CategoryTable };

package/dist/src/cms/client/interfaces/components/resources/config/config-edit-content.js

@@ -0,0 +1,186 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useRouter } 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 { 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 '../../../../../../core/domain/resources/user/constants.js';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../../../../commerce/taiwan-address/constants.js';
+import { useParentPathname } from '../../../../applications/ui/use-parent-pathname.js';
+import 'lucide-react';
+import 'next/link';
+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';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Form } from '../../ui/form/form.js';
+import { Field } from '../../ui/form/field.js';
+import { FieldsContainer } from '../../ui/form/containers/fields-container.js';
+import { MainFields } from '../../ui/form/containers/main-fields.js';
+import { SideFields } from '../../ui/form/containers/side-fields.js';
+import { Input } from '../../ui/inputs/input.js';
+import { Textarea } from '../../ui/inputs/textarea.js';
+import { ActionButtonsCard } from '../../ui/cards/action-buttons-card.js';
+import { PickModal } from '../../ui/features/pick-modal/pick-modal.js';
+import 'next/image';
+import 'intor/next';
+import { ContentContainer } from '../../ui/layouts/content-container.js';
+import { ArrayInput } from '../../ui/inputs/array-input.js';
+
+function ConfigEditContent({
+  config,
+  fields = {},
+  isFetching,
+  isNotFound,
+  useConfigUpdateFormData,
+  configUpdateAction,
+  I18nTextarea,
+  I18nArrayInput,
+  FileCard,
+  FileList,
+  Uploader
+}) {
+  const { locale } = useTranslator();
+  const router = useRouter();
+  const parentPathname = useParentPathname();
+  const { formData, setFormData } = useConfigUpdateFormData(config);
+  const { execute, isRedirecting, errors } = useCommand(
+    () => configUpdateAction({ id: config?.id ?? "", formData }),
+    { onSuccess: () => router.replace(parentPathname) }
+  );
+  return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+    /* @__PURE__ */ jsx(MainFields, { children: /* @__PURE__ */ jsx(Fragment, { children: Object.entries(fields).map(([key, field]) => {
+      const label = field.label[locale];
+      if (key.startsWith("text")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: key,
+            fieldName: key,
+            formData,
+            setFormData,
+            isDisabled: isRedirecting,
+            errors
+          }
+        ) }, key);
+      } else if (key.startsWith("data")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          ArrayInput,
+          {
+            id: key,
+            fieldName: key,
+            formData,
+            setFormData,
+            isDisabled: isRedirecting,
+            errors
+          }
+        ) }, key);
+      }
+      if (key.startsWith("dec") || key.startsWith("int")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: key,
+            type: "number",
+            step: "any",
+            value: formData[key] ?? "",
+            onChange: (e) => {
+              const rawValue = e.target.value;
+              const value = rawValue === "" ? null : Number(rawValue);
+              setFormData((p) => ({ ...p, [key]: value }));
+            },
+            isDisabled: isRedirecting,
+            errors
+          }
+        ) }, key);
+      } else if (key.startsWith("i18nText")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          I18nTextarea,
+          {
+            id: key,
+            fieldName: key,
+            translations: formData.translations,
+            setFormData,
+            isDisabled: isRedirecting,
+            errors
+          }
+        ) }, key);
+      } else if (key.startsWith("i18nData")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          I18nArrayInput,
+          {
+            id: key,
+            fieldName: key,
+            translations: formData.translations,
+            setFormData,
+            isDisabled: isRedirecting,
+            errors
+          }
+        ) }, key);
+      } else if (key.startsWith("file") && !key.startsWith("files")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          PickModal,
+          {
+            fieldName: key,
+            formData,
+            setFormData,
+            isLoading: isFetching,
+            isDisabled: isRedirecting,
+            itemList: /* @__PURE__ */ jsx(FileList, {}),
+            pickedDisplay: /* @__PURE__ */ jsx(FileCard, { file: formData[key] }),
+            aboveManagementCard: /* @__PURE__ */ jsx(Uploader, { accept: "*" })
+          }
+        ) }, key);
+      } else if (key.startsWith("files")) {
+        return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+          PickModal,
+          {
+            fieldName: key,
+            formData,
+            setFormData,
+            isLoading: isFetching,
+            isDisabled: isRedirecting,
+            itemList: /* @__PURE__ */ jsx(FileList, {}),
+            pickedDisplay: formData[key].map((file) => /* @__PURE__ */ jsx(FileCard, { file }, file.id)),
+            aboveManagementCard: /* @__PURE__ */ jsx(Uploader, { accept: "*" }),
+            isMultiPick: true
+          }
+        ) }, key);
+      } else {
+        return null;
+      }
+    }) }) }),
+    /* @__PURE__ */ jsx(SideFields, { children: /* @__PURE__ */ jsx(
+      ActionButtonsCard,
+      {
+        action: "update",
+        isInitializing: isFetching,
+        isProcessing: isRedirecting
+      }
+    ) })
+  ] }) }) });
+}
+
+export { ConfigEditContent };

package/dist/src/cms/client/interfaces/components/resources/config/config-show-content.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import '../../../../../../constants/paths/redirect.js';
+import { DATE_FORMAT_OPTIONS } from '../../../../../../constants/date.js';
+import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
+import 'clsx';
+import 'tailwind-merge';
+import { Field } from '../../ui/form/field.js';
+import { FieldBody } from '../../ui/form/field-body.js';
+import { FieldsContainer } from '../../ui/form/containers/fields-container.js';
+import { MainFields } from '../../ui/form/containers/main-fields.js';
+import { SideFields } from '../../ui/form/containers/side-fields.js';
+import 'lucide-react';
+import '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';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../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 '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 '../../ui/layouts/content-container.js';
+import { ArrayList } from '../../ui/display/array-list.js';
+
+function ConfigShowContent({
+  config,
+  fields = {},
+  isFetching,
+  isNotFound,
+  I18nDisplay,
+  I18nArrayDisplay,
+  FileCard
+}) {
+  const { t, locale, format } = useTranslator();
+  return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+    /* @__PURE__ */ jsx(MainFields, { children: /* @__PURE__ */ jsx(Fragment, { children: Object.entries(fields).map(([key, field]) => {
+      const label = field.label[locale];
+      if (key.startsWith("text")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: config?.[key] }) }, key);
+      } else if (key.startsWith("data")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          ArrayList,
+          {
+            values: config?.[key],
+            isLoading: isFetching
+          }
+        ) }, key);
+      }
+      if (key.startsWith("dec") || key.startsWith("int")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: config?.[key] }) }, key);
+      }
+      if (key.startsWith("i18nText")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          I18nDisplay,
+          {
+            fieldName: key,
+            translations: config?.translations,
+            isLoading: isFetching
+          }
+        ) }, key);
+      } else if (key.startsWith("i18nData")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          I18nArrayDisplay,
+          {
+            fieldName: key,
+            translations: config?.translations,
+            isLoading: isFetching
+          }
+        ) }, key);
+      } else if (key.startsWith("file") && !key.startsWith("files")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          FieldBody,
+          {
+            isLoading: isFetching,
+            isEmpty: !config?.[key],
+            children: /* @__PURE__ */ jsx(
+              FileCard,
+              {
+                file: config?.[key] || null,
+                openNewTab: true
+              }
+            )
+          }
+        ) }, key);
+      } else if (key.startsWith("files")) {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          FieldBody,
+          {
+            isLoading: isFetching,
+            isEmpty: !config?.[key],
+            children: config?.[key].map((file) => /* @__PURE__ */ jsx(FileCard, { file, openNewTab: true }, file.id))
+          }
+        ) }, key);
+      } else {
+        return null;
+      }
+    }) }) }),
+    /* @__PURE__ */ jsx(SideFields, { children: /* @__PURE__ */ jsx(Field, { label: t("resources.post.created-at.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: config?.createdAt && format.date(new Date(config?.createdAt), DATE_FORMAT_OPTIONS) }) }) })
+  ] }) });
+}
+
+export { ConfigShowContent };

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

@@ -1,15 +1,15 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Lock, Trash2 } from 'lucide-react';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { isFileLocked } from '../../../../../../core/domain/resources/file/utils/is-file-locked.js';
+import { Image } from 'lucide-react';
+import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../constants/paths/redirect.js';
 import 'mime-types';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../../../core/domain/resources/user/constants.js';
 import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
-import { PATHS } from '../../../../../../constants/paths/index.js';
-import '../../../../../../constants/redirect-paths.js';
 import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
@@ -20,6 +20,7 @@ import '@radix-ui/react-dropdown-menu';
 import '../../shadcn/input-group.js';
 import '../../shadcn/item.js';
 import '@radix-ui/react-label';
+import 'radix-ui';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar/sidebar.js';
@@ -29,11 +30,12 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import 'ua-parser-js';
+import '../../../../../../commerce/taiwan-address/constants.js';
 import 'next/link';
+import { FileStateIcons } from './file-state-icons.js';
 
-const WIDTH = 160;
-const HEIGHT = 160;
+const WIDTH = "160px";
+const HEIGHT = "160px";
 function createFileCard({
   SmartImage,
   storageUrl
@@ -41,41 +43,36 @@ function createFileCard({
   return function FileCard({
     file,
     // link
-    openNewTab = false,
-    anchorProps,
+    openNewTab,
+    // pick
+    isPicked,
     // base
+    anchorProps,
     className = ""
   }) {
-    const { locale } = useTranslator();
+    const { t, locale } = useTranslator();
     const isImage = file?.type === "IMAGE";
     const isVideo = file?.type === "VIDEO";
-    const isLocked = isFileLocked(file);
-    const isTrash = file?.deletedAt;
-    const translation = findTranslation(file?.translations, locale);
-    return /* @__PURE__ */ jsx(
+    const fileT = findTranslation(file?.translations, locale);
+    const href = joinUrl(CMS_PATHS.system.storage.file.pathname, file?.id);
+    return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
       ResourceCard,
       {
         className,
-        style: { width: `${WIDTH}px`, height: `${HEIGHT}px` },
-        href: `${PATHS.resources.file.path}/${file?.id}`,
+        style: { width: WIDTH, height: HEIGHT },
+        href,
         openNewTab,
         anchorProps,
-        cardStatusBarProps: {
-          children: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
-            isLocked && /* @__PURE__ */ jsx(Lock, { className: "size-5" }),
-            isTrash && /* @__PURE__ */ jsx(Trash2, { className: "text-error size-5" })
-          ] })
-        },
-        cardTextContentProps: { title: translation?.name },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn("flex-center flex-1", "overflow-hidden", "transition"),
-            children: isImage ? /* @__PURE__ */ jsx(SmartImage, { fileKey: file.key, width: WIDTH, height: HEIGHT }) : isVideo ? /* @__PURE__ */ jsx("video", { src: joinUrl(storageUrl, file.key), autoPlay: true, loop: true, muted: true }) : /* @__PURE__ */ jsx("span", { className: cn("scale-[3]", "transition"), children: "\u{1F4C4}" })
-          }
-        )
+        isPicked,
+        modelIcon: /* @__PURE__ */ jsx(Image, {}),
+        badge: t(
+          `resources.file.file-type.${(file?.type ?? "OTHER").toLowerCase()}.text`
+        ),
+        statesChildren: /* @__PURE__ */ jsx(FileStateIcons, { file }),
+        titleChildren: fileT.name,
+        children: /* @__PURE__ */ jsx("div", { className: cn("flex-center flex-1", "overflow-hidden"), children: isImage ? /* @__PURE__ */ jsx(SmartImage, { fileKey: file.key, width: 160, height: 160 }) : isVideo ? /* @__PURE__ */ jsx("video", { src: joinUrl(storageUrl, file.key), autoPlay: true, loop: true, muted: true }) : /* @__PURE__ */ jsx("span", { className: cn("scale-[2]"), children: "\u{1F4C4}" }) })
       }
-    );
+    ) });
   };
 }