sitero 0.0.24 → 0.0.26

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

@@ -5,20 +5,20 @@ import { ShieldUser } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
 import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../../constants/cms-locale.js';
 import { useAdmin } from '../../../../../../../../../../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 { ADMIN_ROLES } from '../../../../../../../../../../core/domain/resources/admin/props.js';
 import { ADMIN_ROLE_I18N_MAP } from '../../../../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../../../../core/domain/resources/user/constants.js';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
+import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../components/shadcn/button.js';
@@ -26,9 +26,8 @@ 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-radio-group';
 import '@radix-ui/react-select';
 import { Separator } from '../../../../../../../components/shadcn/separator.js';
 import '../../../../../../../components/shadcn/sidebar/sidebar.js';
@@ -37,7 +36,6 @@ 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 { ArrayInput } from '../../../../../../../components/ui/inputs/array-input.js';
 import { Input } from '../../../../../../../components/ui/inputs/input.js';
 import { Form } from '../../../../../../../components/ui/form/form.js';
@@ -109,246 +107,256 @@ function createAdminEditPage({
           }
         }
       ),
-      /* @__PURE__ */ jsx(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
-        /* @__PURE__ */ jsxs(MainFields, { children: [
-          /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.role.text"), children: /* @__PURE__ */ jsx(FieldBody, { isDisabled: true, isLoading: isFetching, children: t(ADMIN_ROLE_I18N_MAP[admin?.role ?? ADMIN_ROLES.ADMIN]) }) }),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "email",
-                label: t("resources.admin.email.text"),
-                children: /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    id: "email",
-                    fieldName: "email",
-                    value: formData.email,
-                    setFormData,
-                    isLoading: isFetching,
-                    isDisabled: isRedirecting,
-                    isError: errors.includes("email"),
-                    placeholder: t("resources.admin.email.placeholder.text"),
-                    autoComplete: "email"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(Field, { htmlFor: "name", label: t("resources.admin.name.text"), children: /* @__PURE__ */ jsx(
-              I18nInput,
-              {
-                id: "name",
-                fieldName: "name",
-                translations: formData.translations,
-                setFormData,
-                isLoading: isFetching,
-                isDisabled: isRedirecting,
-                errors,
-                placeholder: t("resources.admin.name.placeholder.text")
-              }
-            ) })
-          ] }),
-          enableAuthor && /* @__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(ContentContainer, { isNotFound, children: /* @__PURE__ */ jsxs(Form, { onSubmit: () => void execute(), children: [
+        /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+          /* @__PURE__ */ jsxs(MainFields, { children: [
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Field, { label: t("resources.admin.role.text"), children: /* @__PURE__ */ jsx(FieldBody, { isDisabled: true, isLoading: isFetching, children: t(ADMIN_ROLE_I18N_MAP[admin?.role ?? ADMIN_ROLES.ADMIN]) }) }),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "email",
+                  label: t("resources.admin.email.text"),
+                  children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "email",
+                      fieldName: "email",
+                      value: formData.email,
+                      setFormData,
+                      isLoading: isFetching,
+                      isDisabled: isRedirecting,
+                      isError: errors.includes("email"),
+                      placeholder: t("resources.admin.email.placeholder.text"),
+                      autoComplete: "email"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Field, { htmlFor: "name", label: t("resources.admin.name.text"), children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "name",
+                  fieldName: "name",
+                  translations: formData.translations,
+                  setFormData,
+                  isLoading: isFetching,
+                  isDisabled: isRedirecting,
+                  errors,
+                  placeholder: t("resources.admin.name.placeholder.text")
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Field, { label: t("resources.admin.avatar-image.text"), children: /* @__PURE__ */ jsx(
+                PickModal,
+                {
+                  fieldName: "avatarImage",
+                  formData,
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  itemList: /* @__PURE__ */ jsx(FileList, {}),
+                  pickedDisplay: /* @__PURE__ */ jsx(FileCard, { file: formData.avatarImage }),
+                  aboveManagementCard: /* @__PURE__ */ jsx(Uploader, { accept: "image/*" })
+                }
+              ) })
             ] }),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "authorName",
-                label: t("resources.admin.author-name.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nInput,
-                  {
-                    id: "authorName",
-                    fieldName: "authorName",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.author-name.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(Field, { label: t("resources.admin.avatar-image.text"), children: /* @__PURE__ */ jsx(
-              PickModal,
-              {
-                fieldName: "avatarImage",
-                formData,
-                setFormData,
-                isDisabled: isRedirecting,
-                itemList: /* @__PURE__ */ jsx(FileList, {}),
-                pickedDisplay: /* @__PURE__ */ jsx(FileCard, { file: formData.avatarImage }),
-                aboveManagementCard: /* @__PURE__ */ jsx(Uploader, { accept: "image/*" })
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "socialLinks",
-                label: t("resources.admin.social-links.text"),
-                children: /* @__PURE__ */ jsx(
-                  ArrayInput,
-                  {
-                    id: "socialLinks",
-                    fieldName: "socialLinks",
-                    formData,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.social-links.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "description",
-                label: t("resources.admin.description.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nTextarea,
-                  {
-                    id: "description",
-                    fieldName: "description",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.description.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "jobTitle",
-                label: t("resources.admin.job-title.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nInput,
-                  {
-                    id: "jobTitle",
-                    fieldName: "jobTitle",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.job-title.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(Field, { htmlFor: "url", label: t("resources.admin.url.text"), children: /* @__PURE__ */ jsx(
-              I18nInput,
-              {
-                id: "url",
-                fieldName: "url",
-                translations: formData.translations,
-                setFormData,
-                isDisabled: isRedirecting,
-                errors,
-                placeholder: t("resources.admin.url.placeholder.text")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "worksFor",
-                label: t("resources.admin.works-for.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nInput,
-                  {
-                    id: "worksFor",
-                    fieldName: "worksFor",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.works-for.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "knowsAbout",
-                label: t("resources.admin.knows-about.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nArrayInput,
-                  {
-                    id: "knowsAbout",
-                    fieldName: "knowsAbout",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.knows-about.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "homeLocation",
-                label: t("resources.admin.home-location.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nInput,
-                  {
-                    id: "homeLocation",
-                    fieldName: "homeLocation",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.home-location.placeholder.text`
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Field,
-              {
-                htmlFor: "nationality",
-                label: t("resources.admin.nationality.text"),
-                children: /* @__PURE__ */ jsx(
-                  I18nInput,
-                  {
-                    id: "nationality",
-                    fieldName: "nationality",
-                    translations: formData.translations,
-                    setFormData,
-                    isDisabled: isRedirecting,
-                    errors,
-                    placeholder: t(
-                      `resources.admin.nationality.placeholder.text`
-                    )
-                  }
-                )
-              }
-            )
-          ] })
+            enableAuthor && /* @__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,
+                {
+                  htmlFor: "authorName",
+                  label: t("resources.admin.author-name.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nInput,
+                    {
+                      id: "authorName",
+                      fieldName: "authorName",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.author-name.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "socialLinks",
+                  label: t("resources.admin.social-links.text"),
+                  children: /* @__PURE__ */ jsx(
+                    ArrayInput,
+                    {
+                      id: "socialLinks",
+                      fieldName: "socialLinks",
+                      formData,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.social-links.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "description",
+                  label: t("resources.admin.description.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nTextarea,
+                    {
+                      id: "description",
+                      fieldName: "description",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.description.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "jobTitle",
+                  label: t("resources.admin.job-title.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nInput,
+                    {
+                      id: "jobTitle",
+                      fieldName: "jobTitle",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.job-title.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Field, { htmlFor: "url", label: t("resources.admin.url.text"), children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "url",
+                  fieldName: "url",
+                  translations: formData.translations,
+                  setFormData,
+                  isDisabled: isRedirecting,
+                  errors,
+                  placeholder: t("resources.admin.url.placeholder.text")
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "worksFor",
+                  label: t("resources.admin.works-for.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nInput,
+                    {
+                      id: "worksFor",
+                      fieldName: "worksFor",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.works-for.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "knowsAbout",
+                  label: t("resources.admin.knows-about.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nArrayInput,
+                    {
+                      id: "knowsAbout",
+                      fieldName: "knowsAbout",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.knows-about.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "homeLocation",
+                  label: t("resources.admin.home-location.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nInput,
+                    {
+                      id: "homeLocation",
+                      fieldName: "homeLocation",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.home-location.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Field,
+                {
+                  htmlFor: "nationality",
+                  label: t("resources.admin.nationality.text"),
+                  children: /* @__PURE__ */ jsx(
+                    I18nInput,
+                    {
+                      id: "nationality",
+                      fieldName: "nationality",
+                      translations: formData.translations,
+                      setFormData,
+                      isDisabled: isRedirecting,
+                      errors,
+                      placeholder: t(
+                        `resources.admin.nationality.placeholder.text`
+                      )
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(SideFields, { children: /* @__PURE__ */ jsx("div", { className: "max-lg:hidden", children: /* @__PURE__ */ jsx(
+            ActionButtonsCard,
+            {
+              action: "update",
+              isInitializing: isFetching,
+              isProcessing: isRedirecting
+            }
+          ) }) })
         ] }),
-        /* @__PURE__ */ jsx(SideFields, { children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "fixed bottom-3 left-1/2 z-10 -translate-x-1/2 lg:hidden", children: /* @__PURE__ */ jsx(
           ActionButtonsCard,
           {
             action: "update",
@@ -356,7 +364,7 @@ function createAdminEditPage({
             isProcessing: isRedirecting
           }
         ) })
-      ] }) }) })
+      ] }) })
     ] });
   };
 }