sitero 0.1.0 → 0.1.1

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

@@ -0,0 +1,461 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useRouter } from 'next/navigation';
+import { POST_TYPES } from 'sitero-domain';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.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 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import 'zod';
+import { getImgIdsFromHtmls } from '../../../../../applications/form/get-img-ids-from-htmls.js';
+import { processContentHtml } from '../../../../../applications/form/process-content-html.js';
+import { useParentPathname } from '../../../../../applications/ui/use-parent-pathname.js';
+import 'lucide-react';
+import '../../../../../../../core/domain/resources/admin/constants.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 '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+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 { ControlFields } from '../../../ui/form/control-fields/control-fields.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 { AdminCard } from '../../admin/admin-card.js';
+import { CategoryCard } from '../category/category-card.js';
+import { CategoryTable } from '../category/category-table.js';
+import { TagCard } from '../tag/tag-card.js';
+import { TagTable } from '../tag/tag-table.js';
+
+function createPostEditContent({
+  usePostUpdateFormData,
+  postUpdateAction,
+  AdminList,
+  PostList,
+  PostCard,
+  FileList,
+  FileCard,
+  Uploader,
+  I18nTextarea,
+  I18nEditor,
+  I18nObjectArrayInput,
+  I18nNumberInput
+}) {
+  return function PostEditContent({
+    postType,
+    parentType,
+    parentLabelKey,
+    isSubcategoryParent = false,
+    CategoryCard: CategoryCard$1 = CategoryCard,
+    CategoryTable: CategoryTable$1 = CategoryTable,
+    tagType = POST_TYPES.TAG,
+    post,
+    controlMeta,
+    isFetching,
+    isNotFound,
+    allowField
+  }) {
+    const { t, locale } = useTranslator();
+    const router = useRouter();
+    const parentPathname = useParentPathname();
+    const id = post?.id ?? "";
+    const topic = post?.topic;
+    const slug = post?.slug;
+    const topicSlug = topic?.slug;
+    const isFieldAllowed = (type, field, fieldRuleKey) => allowField({ topicSlug, type, field, fieldRuleKey });
+    const { formData, setFormData } = usePostUpdateFormData({
+      post,
+      type: postType
+    });
+    const { execute, isRedirecting, errors } = useCommand(
+      () => {
+        const contentImageIds = getImgIdsFromHtmls(
+          formData.translations.map((t2) => t2.content ?? "")
+        );
+        const translations = formData.translations.map((t2) => {
+          const { content, toc } = processContentHtml(t2.content);
+          return { ...t2, content, toc };
+        });
+        return postUpdateAction({
+          id,
+          formData: { ...formData, contentImageIds, translations }
+        });
+      },
+      { onSuccess: () => router.replace(parentPathname) }
+    );
+    return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(Form, { onSubmit: () => void execute(), children: [
+      /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+        /* @__PURE__ */ jsxs(MainFields, { children: [
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            isFieldAllowed(postType, "author", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.author.text"), children: /* @__PURE__ */ jsx(
+              PickModal,
+              {
+                fieldName: "author",
+                formData,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                itemList: /* @__PURE__ */ jsx(AdminList, {}),
+                pickedDisplay: /* @__PURE__ */ jsx(AdminCard, { admin: formData.author })
+              }
+            ) }),
+            isFieldAllowed(postType, "parents", slug) && parentType && /* @__PURE__ */ jsx(Field, { label: t(parentLabelKey ?? "resources.category.text"), children: /* @__PURE__ */ jsx(
+              PickModal,
+              {
+                fieldName: "parents",
+                formData,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                isMultiPick: true,
+                itemList: /* @__PURE__ */ jsx(
+                  PostList,
+                  {
+                    usableFields: [
+                      ...isFieldAllowed(parentType, "isActive") ? ["isActive"] : [],
+                      ...isFieldAllowed(parentType, "isIndexActive") ? ["isIndexActive"] : [],
+                      ...isFieldAllowed(parentType, "isSlugActive") ? ["isSlugActive"] : [],
+                      ...isFieldAllowed(parentType, "isFeatured") ? ["isFeatured"] : [],
+                      ...isFieldAllowed(parentType, "isShownOnHome") ? ["isShownOnHome"] : []
+                    ],
+                    type: parentType,
+                    topicId: topic?.id,
+                    Card: (props) => /* @__PURE__ */ jsx(
+                      CategoryCard$1,
+                      {
+                        ...props,
+                        isSubcategory: isSubcategoryParent
+                      }
+                    ),
+                    Table: (props) => /* @__PURE__ */ jsx(
+                      CategoryTable$1,
+                      {
+                        ...props,
+                        isSubcategory: isSubcategoryParent
+                      }
+                    ),
+                    localKey: `parent-${parentType}`
+                  }
+                ),
+                pickedDisplay: formData.parents.map((parent) => /* @__PURE__ */ jsx(
+                  CategoryCard$1,
+                  {
+                    post: parent,
+                    isSubcategory: isSubcategoryParent
+                  },
+                  parent.id
+                ))
+              }
+            ) }),
+            isFieldAllowed(postType, "tags", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.tag.text"), children: /* @__PURE__ */ jsx(
+              PickModal,
+              {
+                fieldName: "tags",
+                formData,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                isMultiPick: true,
+                itemList: /* @__PURE__ */ jsx(
+                  PostList,
+                  {
+                    usableFields: [
+                      ...isFieldAllowed(tagType, "isActive") ? ["isActive"] : [],
+                      ...isFieldAllowed(tagType, "isIndexActive") ? ["isIndexActive"] : [],
+                      ...isFieldAllowed(tagType, "isSlugActive") ? ["isSlugActive"] : [],
+                      ...isFieldAllowed(tagType, "isFeatured") ? ["isFeatured"] : [],
+                      ...isFieldAllowed(tagType, "isShownOnHome") ? ["isShownOnHome"] : []
+                    ],
+                    type: tagType,
+                    Card: TagCard,
+                    Table: TagTable,
+                    localKey: "tag"
+                  }
+                ),
+                pickedDisplay: formData.tags.map((tag) => /* @__PURE__ */ jsx(TagCard, { post: tag }, tag.id))
+              }
+            ) }),
+            isFieldAllowed(postType, "coverImage", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.cover-image.text"), children: /* @__PURE__ */ jsx(
+              PickModal,
+              {
+                fieldName: "coverImage",
+                formData,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                itemList: /* @__PURE__ */ jsx(FileList, {}),
+                pickedDisplay: /* @__PURE__ */ jsx(FileCard, { file: formData.coverImage }),
+                aboveManagementCard: /* @__PURE__ */ jsx(Uploader, { accept: "image/*" })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            isFieldAllowed(postType, "text-content-separator", slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+            isFieldAllowed(postType, "title", slug) && /* @__PURE__ */ jsx(Field, { htmlFor: "title", label: t("resources.post.title.text"), children: /* @__PURE__ */ jsx(
+              I18nTextarea,
+              {
+                id: "title",
+                placeholder: t("resources.post.title.placeholder.text"),
+                fieldName: "title",
+                translations: formData.translations,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                errors
+              }
+            ) }),
+            isFieldAllowed(postType, "subtitle", slug) && /* @__PURE__ */ jsx(
+              Field,
+              {
+                htmlFor: "subtitle",
+                label: t("resources.post.subtitle.text"),
+                children: /* @__PURE__ */ jsx(
+                  I18nTextarea,
+                  {
+                    id: "subtitle",
+                    fieldName: "subtitle",
+                    translations: formData.translations,
+                    setFormData,
+                    isLoading: isFetching,
+                    isDisabled: isRedirecting,
+                    errors,
+                    placeholder: t(
+                      "resources.post.subtitle.placeholder.text"
+                    )
+                  }
+                )
+              }
+            ),
+            isFieldAllowed(postType, "summary", slug) && /* @__PURE__ */ jsx(
+              Field,
+              {
+                htmlFor: "summary",
+                label: t("resources.post.summary.text"),
+                children: /* @__PURE__ */ jsx(
+                  I18nTextarea,
+                  {
+                    id: "summary",
+                    fieldName: "summary",
+                    translations: formData.translations,
+                    setFormData,
+                    isLoading: isFetching,
+                    isDisabled: isRedirecting,
+                    errors,
+                    placeholder: t("resources.post.summary.placeholder.text")
+                  }
+                )
+              }
+            ),
+            isFieldAllowed(postType, "description", slug) && /* @__PURE__ */ jsx(
+              Field,
+              {
+                htmlFor: "description",
+                label: t("resources.post.description.text"),
+                children: /* @__PURE__ */ jsx(
+                  I18nTextarea,
+                  {
+                    id: "description",
+                    fieldName: "description",
+                    translations: formData.translations,
+                    setFormData,
+                    isLoading: isFetching,
+                    isDisabled: isRedirecting,
+                    errors,
+                    placeholder: t(
+                      "resources.post.description.placeholder.text"
+                    )
+                  }
+                )
+              }
+            ),
+            isFieldAllowed(postType, "content", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.content.text"), children: /* @__PURE__ */ jsx(
+              I18nEditor,
+              {
+                locale,
+                fieldName: "content",
+                translations: formData.translations,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                errors
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            isFieldAllowed(postType, "better-seo-separator", slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+            isFieldAllowed(postType, "externalLinks", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.external-links.text"), children: /* @__PURE__ */ jsx(
+              I18nObjectArrayInput,
+              {
+                fieldName: "externalLinks",
+                translations: formData.translations,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                errors,
+                fields: [
+                  {
+                    key: "name",
+                    placeholder: t(
+                      "resources.post.external-links.placeholder1.text"
+                    )
+                  },
+                  {
+                    key: "href",
+                    placeholder: t(
+                      "resources.post.external-links.placeholder2.text"
+                    )
+                  }
+                ]
+              }
+            ) }),
+            isFieldAllowed(postType, "faq", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.faq.text"), children: /* @__PURE__ */ jsx(
+              I18nObjectArrayInput,
+              {
+                fieldName: "faq",
+                translations: formData.translations,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                errors,
+                fields: [
+                  {
+                    key: "question",
+                    placeholder: t(
+                      "resources.post.faq.placeholder1.text"
+                    )
+                  },
+                  {
+                    key: "answer",
+                    placeholder: t(
+                      "resources.post.faq.placeholder2.text"
+                    )
+                  }
+                ]
+              }
+            ) }),
+            isFieldAllowed(postType, "readTime", slug) && /* @__PURE__ */ jsx(
+              Field,
+              {
+                htmlFor: "readTime",
+                label: t("resources.post.read-time.text"),
+                children: /* @__PURE__ */ jsx(
+                  I18nNumberInput,
+                  {
+                    id: "readTime",
+                    fieldName: "readTime",
+                    placeholder: t(
+                      "resources.post.read-time.placeholder.text"
+                    ),
+                    min: 0,
+                    translations: formData.translations,
+                    setFormData,
+                    isLoading: isFetching,
+                    isDisabled: isRedirecting,
+                    errors
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            isFieldAllowed(postType, "related-posts-separator", slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+            isFieldAllowed(postType, "relatedPosts", slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.related-posts.text"), children: /* @__PURE__ */ jsx(
+              PickModal,
+              {
+                fieldName: "relatedPosts",
+                formData,
+                setFormData,
+                isLoading: isFetching,
+                isDisabled: isRedirecting,
+                isMultiPick: true,
+                itemList: /* @__PURE__ */ jsx(
+                  PostList,
+                  {
+                    usableFields: [
+                      ...isFieldAllowed(postType, "isActive") ? ["isActive"] : [],
+                      ...isFieldAllowed(postType, "isIndexActive") ? ["isIndexActive"] : [],
+                      ...isFieldAllowed(postType, "isSlugActive") ? ["isSlugActive"] : [],
+                      ...isFieldAllowed(postType, "isFeatured") ? ["isFeatured"] : [],
+                      ...isFieldAllowed(postType, "isShownOnHome") ? ["isShownOnHome"] : []
+                    ],
+                    type: postType,
+                    topicId: topic?.id,
+                    excludeIds: post ? [post?.id] : void 0
+                  }
+                ),
+                pickedDisplay: formData.relatedPosts.map(
+                  (relatedPost) => /* @__PURE__ */ jsx(PostCard, { post: relatedPost }, relatedPost.id)
+                )
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(SideFields, { children: [
+          /* @__PURE__ */ jsx("div", { className: "max-lg:hidden", children: /* @__PURE__ */ jsx(
+            ActionButtonsCard,
+            {
+              action: "update",
+              isInitializing: isFetching,
+              isProcessing: isRedirecting
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Separator, { className: "mt-4 lg:hidden" }),
+          /* @__PURE__ */ jsx(
+            ControlFields,
+            {
+              fields: [
+                ...isFieldAllowed(postType, "isActive", post?.slug) ? [{ key: "isActive" }] : [],
+                ...isFieldAllowed(postType, "isIndexActive", post?.slug) ? [{ key: "isIndexActive" }] : [],
+                ...isFieldAllowed(postType, "isSlugActive", post?.slug) ? [{ key: "isSlugActive" }] : [],
+                ...isFieldAllowed(postType, "isFeatured", post?.slug) ? [{ key: "isFeatured" }] : [],
+                ...isFieldAllowed(postType, "isShownOnHome", post?.slug) ? [{ key: "isShownOnHome" }] : []
+              ],
+              controlMeta,
+              formData,
+              setFormData,
+              isLoading: isFetching,
+              isDisabled: isRedirecting,
+              errors
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "fixed bottom-3 left-1/2 z-10 -translate-x-1/2 lg:hidden", children: /* @__PURE__ */ jsx(
+        ActionButtonsCard,
+        {
+          action: "update",
+          isInitializing: isFetching,
+          isProcessing: isRedirecting
+        }
+      ) })
+    ] }) });
+  };
+}
+
+export { createPostEditContent };

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

@@ -0,0 +1,218 @@
+"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 '../../../../../../../constants/cms-locale.js';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'sitero-domain';
+import 'clsx';
+import 'tailwind-merge';
+import 'zod';
+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 '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+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 'react';
+import { ControlFields } from '../../../ui/form/control-fields/control-fields.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/navigation';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import 'intor/next';
+import 'next/link';
+import { ContentContainer } from '../../../ui/layouts/content-container.js';
+import { AdminCard } from '../../admin/admin-card.js';
+import { CategoryCard } from '../category/category-card.js';
+import { TagCard } from '../tag/tag-card.js';
+
+function createPostShowContent({
+  contentMaxWidth,
+  PostCard,
+  FileCard,
+  I18nDisplay,
+  I18nObjectArrayDisplay
+}) {
+  return function PostShowContent({
+    post,
+    isFetching,
+    isNotFound,
+    children,
+    subcategoryType,
+    CategoryCard: CategoryCard$1 = CategoryCard,
+    allowField
+  }) {
+    const { t, format } = useTranslator();
+    const type = post?.type;
+    const topicSlug = post?.topic?.slug;
+    const categories = post?.parents;
+    const parentLabelKey = subcategoryType && categories?.[0]?.type === subcategoryType ? "resources.subcategory.text" : "resources.category.text";
+    const isFieldAllowed = (type2, field, fieldRuleKey) => allowField({ topicSlug, type: type2, field, fieldRuleKey });
+    return /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+      /* @__PURE__ */ jsxs(MainFields, { children: [
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          isFieldAllowed(type, "author", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.author.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, isEmpty: !post?.author, children: /* @__PURE__ */ jsx(AdminCard, { admin: post?.author || null, openNewTab: true }) }) }),
+          isFieldAllowed(type, "parents", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t(parentLabelKey), children: /* @__PURE__ */ jsx(
+            FieldBody,
+            {
+              isLoading: isFetching,
+              isEmpty: categories?.length === 0,
+              children: categories?.map((p) => /* @__PURE__ */ jsx(
+                CategoryCard$1,
+                {
+                  post: p,
+                  openNewTab: true,
+                  isSubcategory: p.type === subcategoryType
+                },
+                p.id
+              ))
+            }
+          ) }),
+          isFieldAllowed(type, "tags", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.tag.text"), children: /* @__PURE__ */ jsx(
+            FieldBody,
+            {
+              isLoading: isFetching,
+              isEmpty: !post?.tags || post.tags.length === 0,
+              children: post?.tags?.map((p) => /* @__PURE__ */ jsx(TagCard, { post: p, openNewTab: true }, p.id))
+            }
+          ) }),
+          isFieldAllowed(type, "coverImage", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.cover-image.text"), children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, isEmpty: !post?.coverImage, children: /* @__PURE__ */ jsx(FileCard, { file: post?.coverImage || null, openNewTab: true }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          isFieldAllowed(type, "text-content-separator", post?.slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+          isFieldAllowed(type, "title", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.title.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "title",
+              translations: post?.translations,
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "subtitle", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.subtitle.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "subtitle",
+              translations: post?.translations,
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "summary", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.summary.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "summary",
+              translations: post?.translations,
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "description", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.description.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "description",
+              translations: post?.translations,
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "content", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.content.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "content",
+              translations: post?.translations,
+              isLoading: isFetching,
+              isHtml: true,
+              style: { maxWidth: contentMaxWidth },
+              className: "mx-auto"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          isFieldAllowed(type, "better-seo-separator", post?.slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+          isFieldAllowed(type, "externalLinks", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.external-links.text"), children: /* @__PURE__ */ jsx(
+            I18nObjectArrayDisplay,
+            {
+              fieldName: "externalLinks",
+              translations: post?.translations,
+              fields: [{ key: "name" }, { key: "href", isLink: true }],
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "faq", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.faq.text"), children: /* @__PURE__ */ jsx(
+            I18nObjectArrayDisplay,
+            {
+              fieldName: "faq",
+              translations: post?.translations,
+              fields: [{ key: "question" }, { key: "answer" }],
+              isLoading: isFetching
+            }
+          ) }),
+          isFieldAllowed(type, "readTime", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.read-time.text"), children: /* @__PURE__ */ jsx(
+            I18nDisplay,
+            {
+              fieldName: "readTime",
+              translations: post?.translations,
+              isLoading: isFetching
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          isFieldAllowed(type, "related-posts-separator", post?.slug) && /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+          isFieldAllowed(type, "relatedPosts", post?.slug) && /* @__PURE__ */ jsx(Field, { label: t("resources.post.related-posts.text"), children: /* @__PURE__ */ jsx(
+            FieldBody,
+            {
+              isLoading: isFetching,
+              isEmpty: !post?.relatedPosts || post.relatedPosts.length === 0,
+              children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: post?.relatedPosts.map((p) => /* @__PURE__ */ jsx(PostCard, { post: p, openNewTab: true }, p.id)) })
+            }
+          ) })
+        ] }),
+        children
+      ] }),
+      /* @__PURE__ */ jsxs(SideFields, { children: [
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            label: t("resources.post.created-at.text"),
+            wrapperClassName: "max-lg:hidden",
+            children: /* @__PURE__ */ jsx(FieldBody, { isLoading: isFetching, children: post?.createdAt && format.date(new Date(post?.createdAt), DATE_FORMAT_OPTIONS) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Separator, { className: "mt-6 lg:hidden" }),
+        /* @__PURE__ */ jsx(
+          ControlFields,
+          {
+            fields: [
+              ...isFieldAllowed(type, "isActive", post?.slug) ? [{ key: "isActive" }] : [],
+              ...isFieldAllowed(type, "isIndexActive", post?.slug) ? [{ key: "isIndexActive" }] : [],
+              ...isFieldAllowed(type, "isSlugActive", post?.slug) ? [{ key: "isSlugActive" }] : [],
+              ...isFieldAllowed(type, "isFeatured", post?.slug) ? [{ key: "isFeatured" }] : [],
+              ...isFieldAllowed(type, "isShownOnHome", post?.slug) ? [{ key: "isShownOnHome" }] : []
+            ],
+            formData: { ...post },
+            isDisplay: true,
+            isLoading: isFetching
+          }
+        )
+      ] })
+    ] }) });
+  };
+}
+
+export { createPostShowContent };