@yimingliao/cms 0.0.125 → 0.0.127

package/dist/src/client/interfaces/pages/auth/email-unverified.js

@@ -0,0 +1,84 @@
+import { useTranslator } from 'intor/react';
+import { Mail } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { PATHS } from '../../../../constants/paths/index.js';
+import '../../../../constants/redirect-paths.js';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import { useCountdown } from '../../../applications/ui/use-count-down.js';
+import 'sonner';
+import '@tanstack/react-query';
+import 'mime-types';
+import { useAdmin } from '../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@radix-ui/react-avatar';
+import '../../components/shadcn/button.js';
+import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../../components/shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import { InputGroup, InputGroupAddon, InputGroupInput } from '../../components/shadcn/input-group.js';
+import { Label } from '../../components/shadcn/label.js';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../components/shadcn/sidebar.js';
+import { Spinner } from '../../components/shadcn/spinner.js';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import { Button } from '../../components/ui/buttons/button.js';
+import 'intor/next';
+import { Form } from '../../components/ui/form/form.js';
+
+function createEmailUnverifiedPage({
+  useCommand,
+  emailUnverifiedAction
+}) {
+  return function EmailUnverifiedPage() {
+    const { t } = useTranslator();
+    const router = useRouter();
+    const { admin, isLoading } = useAdmin();
+    const { timeLeft, isCounting, startCountdown } = useCountdown(30);
+    useEffect(() => {
+      if (!admin && !isLoading) {
+        router.replace(PATHS.auth.signIn.path);
+      }
+      if (admin?.emailVerifiedAt) {
+        router.replace(PATHS.main.dashboard.path);
+      }
+    }, [admin, isLoading, router]);
+    const { execute, isPending } = useCommand(
+      () => emailUnverifiedAction({ formData: { email: admin?.email ?? "" } }),
+      { onSuccess: () => startCountdown() }
+    );
+    const buttonText = !isCounting ? t("auth.email-unverified.button.send-email.text") : /* @__PURE__ */ React.createElement("span", null, t("auth.email-unverified.button.please-wait.text"), /* @__PURE__ */ React.createElement("span", { className: "ml-1 inline-block w-5 text-end" }, timeLeft), "\xA0", t("auth.email-unverified.button.second.text"), "\xA0", t("auth.email-unverified.button.send-again.text"));
+    return /* @__PURE__ */ React.createElement(
+      Form,
+      {
+        className: "mx-auto w-96",
+        style: { marginTop: "56px" },
+        onSubmit: () => void execute()
+      },
+      /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "mx-auto" }, t("auth.email-unverified.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(InputGroup, null, /* @__PURE__ */ React.createElement(InputGroupAddon, null, /* @__PURE__ */ React.createElement(Label, { htmlFor: "email", className: "text-foreground" }, /* @__PURE__ */ React.createElement(Mail, { className: "size-4" }))), isLoading ? /* @__PURE__ */ React.createElement("div", { className: "px-2" }, /* @__PURE__ */ React.createElement(Spinner, null)) : /* @__PURE__ */ React.createElement(
+        InputGroupInput,
+        {
+          id: "email",
+          placeholder: "shadcn@vercel.com",
+          disabled: true,
+          value: admin?.email
+        }
+      )), /* @__PURE__ */ React.createElement(CardDescription, null, /* @__PURE__ */ React.createElement("p", { className: "text-sm whitespace-pre-line" }, t("auth.email-unverified.notice.text"))), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          type: "submit",
+          isLoading: isLoading || isPending,
+          isDisabled: isCounting
+        },
+        buttonText
+      )))
+    );
+  };
+}
+
+export { createEmailUnverifiedPage };

package/dist/src/client/interfaces/pages/auth/forgot-password.js

@@ -0,0 +1,83 @@
+import { useTranslator } from 'intor/react';
+import Link from 'next/link';
+import { useState } from 'react';
+import { PATHS } from '../../../../constants/paths/index.js';
+import '../../../../constants/redirect-paths.js';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import { useCountdown } from '../../../applications/ui/use-count-down.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../components/shadcn/button.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../components/shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../components/shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import 'sonner';
+import '@tanstack/react-query';
+import 'mime-types';
+import '../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import { Button } from '../../components/ui/buttons/button.js';
+import 'intor/next';
+import { Input } from '../../components/ui/inputs/input.js';
+import { Form } from '../../components/ui/form/form.js';
+import { Field } from '../../components/ui/form/field.js';
+
+function createForgotPasswordPage({
+  useCommand,
+  forgotPasswordAction
+}) {
+  return function ForgotPasswordPage() {
+    const { t } = useTranslator();
+    const { timeLeft, isCounting, startCountdown } = useCountdown(30);
+    const [formData, setFormData] = useState({
+      email: ""
+    });
+    const { execute, isPending, errors } = useCommand(
+      () => forgotPasswordAction({ formData: { email: formData.email } }),
+      { onSuccess: () => startCountdown() }
+    );
+    const buttonText = !isCounting ? t("auth.forgot-password.button.send-email.text") : /* @__PURE__ */ React.createElement("span", null, t("auth.forgot-password.button.please-wait.text"), /* @__PURE__ */ React.createElement("span", { className: "ml-1 inline-block w-5 text-end" }, timeLeft), "\xA0", t("auth.forgot-password.button.second.text"), "\xA0", t("auth.forgot-password.button.send-again.text"));
+    return /* @__PURE__ */ React.createElement(
+      Form,
+      {
+        className: "mx-auto w-96",
+        style: { marginTop: "56px" },
+        onSubmit: () => void execute()
+      },
+      /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "mx-auto" }, t("auth.forgot-password.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(Field, { htmlFor: "email", label: t("auth.forgot-password.email.text") }, /* @__PURE__ */ React.createElement(
+        Input,
+        {
+          id: "email",
+          placeholder: t("auth.forgot-password.email.placeholder.text"),
+          autoComplete: "email",
+          fieldName: "email",
+          value: formData.email,
+          setFormData,
+          isDisabled: isPending || isCounting,
+          isError: errors.includes("email")
+        }
+      )), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          size: "xs",
+          variant: "link",
+          className: "w-fit",
+          isDisabled: isPending
+        },
+        /* @__PURE__ */ React.createElement(Link, { href: PATHS.auth.signIn.path }, t("auth.forgot-password.anchor.text"))
+      ), /* @__PURE__ */ React.createElement(Button, { type: "submit", isLoading: isPending, isDisabled: isCounting }, buttonText)))
+    );
+  };
+}
+
+export { createForgotPasswordPage };

package/dist/src/client/interfaces/pages/auth/reset-password.js

@@ -0,0 +1,111 @@
+import { useTranslator } from 'intor/react';
+import Link from 'next/link';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useState } from 'react';
+import { PATHS } from '../../../../constants/paths/index.js';
+import '../../../../constants/redirect-paths.js';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import '@radix-ui/react-avatar';
+import '../../components/shadcn/button.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../components/shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../components/shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import 'sonner';
+import '@tanstack/react-query';
+import 'mime-types';
+import '../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import { Button } from '../../components/ui/buttons/button.js';
+import 'intor/next';
+import { PasswordInput } from '../../components/ui/inputs/password-input.js';
+import { Form } from '../../components/ui/form/form.js';
+import { Field } from '../../components/ui/form/field.js';
+
+function createResetPasswordPage({
+  useCommand,
+  resetPasswordAction
+}) {
+  return function ResetPasswordPage() {
+    const { t } = useTranslator();
+    const router = useRouter();
+    const passwordResetToken = useSearchParams().get("passwordResetToken") ?? "";
+    const [formData, setFormData] = useState({
+      newPassword: "",
+      newPasswordConfirm: ""
+    });
+    const { execute, isRedirecting, errors } = useCommand(
+      () => resetPasswordAction({ formData: { passwordResetToken, ...formData } }),
+      { onSuccess: () => router.push(PATHS.auth.signIn.path) }
+    );
+    return /* @__PURE__ */ React.createElement(
+      Form,
+      {
+        className: "mx-auto w-96",
+        style: { marginTop: "56px" },
+        onSubmit: () => void execute()
+      },
+      /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "mx-auto" }, t("auth.reset-password.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(
+        Field,
+        {
+          htmlFor: "newPassword",
+          label: t("auth.reset-password.new-password.text")
+        },
+        /* @__PURE__ */ React.createElement(
+          PasswordInput,
+          {
+            id: "newPassword",
+            placeholder: t(
+              "auth.reset-password.new-password.placeholder.text"
+            ),
+            fieldName: "newPassword",
+            value: formData.newPassword,
+            setFormData,
+            isDisabled: isRedirecting,
+            isError: errors.includes("newPassword")
+          }
+        )
+      ), /* @__PURE__ */ React.createElement(
+        Field,
+        {
+          htmlFor: "newPasswordConfirm",
+          label: t("auth.reset-password.new-password-confirm.text")
+        },
+        /* @__PURE__ */ React.createElement(
+          PasswordInput,
+          {
+            id: "newPasswordConfirm",
+            placeholder: t(
+              `auth.reset-password.new-password-confirm.placeholder.text`
+            ),
+            fieldName: "newPasswordConfirm",
+            value: formData.newPasswordConfirm,
+            setFormData,
+            isDisabled: isRedirecting,
+            isError: errors.includes("newPasswordConfirm")
+          }
+        )
+      ), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          size: "xs",
+          variant: "link",
+          className: "w-fit",
+          isDisabled: isRedirecting
+        },
+        /* @__PURE__ */ React.createElement(Link, { href: PATHS.auth.signIn.path }, t("auth.reset-password.anchor.text"))
+      ), /* @__PURE__ */ React.createElement(Button, { type: "submit", isLoading: isRedirecting }, t("auth.reset-password.button.text"))))
+    );
+  };
+}
+
+export { createResetPasswordPage };

package/dist/src/client/interfaces/pages/auth/sign-in.js

@@ -0,0 +1,99 @@
+import { useTranslator } from 'intor/react';
+import Link from 'next/link';
+import { useState } from 'react';
+import { PATHS } from '../../../../constants/paths/index.js';
+import '../../../../constants/redirect-paths.js';
+import { useDeviceInfo } from '../../../applications/auth/sign-in/use-device-info.js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import 'sonner';
+import '@tanstack/react-query';
+import 'mime-types';
+import { useAdmin } from '../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@radix-ui/react-avatar';
+import '../../components/shadcn/button.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../components/shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../components/shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../components/ui/buttons/button.js';
+import 'intor/next';
+import { Input } from '../../components/ui/inputs/input.js';
+import { PasswordInput } from '../../components/ui/inputs/password-input.js';
+import { Form } from '../../components/ui/form/form.js';
+import { Field } from '../../components/ui/form/field.js';
+
+function createSignInPage({
+  useCommand,
+  signInAction
+}) {
+  return function SignInPage() {
+    const { t } = useTranslator();
+    const { setAdmin } = useAdmin();
+    const deviceInfo = useDeviceInfo();
+    const [formData, setFormData] = useState({
+      email: "",
+      password: ""
+    });
+    const { execute, isRedirecting, errors } = useCommand(
+      () => signInAction({
+        formData,
+        deviceInfo: deviceInfo ?? {}
+      }),
+      { onSuccess: (data) => setAdmin(data?.admin || null) }
+    );
+    return /* @__PURE__ */ React.createElement(
+      Form,
+      {
+        className: "mx-auto w-96",
+        style: { marginTop: "56px" },
+        onSubmit: () => void execute()
+      },
+      /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "mx-auto" }, t("auth.sign-in.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(Field, { htmlFor: "email", label: t("auth.sign-in.email.text") }, /* @__PURE__ */ React.createElement(
+        Input,
+        {
+          id: "email",
+          type: "email",
+          placeholder: t("auth.sign-in.email.placeholder.text"),
+          autoComplete: "email",
+          fieldName: "email",
+          value: formData.email,
+          setFormData,
+          isDisabled: isRedirecting,
+          isError: errors.includes("email")
+        }
+      )), /* @__PURE__ */ React.createElement(Field, { htmlFor: "password", label: t("auth.sign-in.password.text") }, /* @__PURE__ */ React.createElement(
+        PasswordInput,
+        {
+          id: "password",
+          placeholder: t("auth.sign-in.password.placeholder.text"),
+          fieldName: "password",
+          value: formData.password,
+          setFormData,
+          isDisabled: isRedirecting,
+          isError: errors.includes("password")
+        }
+      )), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          size: "xs",
+          variant: "link",
+          className: "w-fit",
+          isDisabled: isRedirecting
+        },
+        /* @__PURE__ */ React.createElement(Link, { href: PATHS.auth.forgotPassword.path }, t("auth.sign-in.anchor.text"))
+      ), /* @__PURE__ */ React.createElement(Button, { type: "submit", isLoading: isRedirecting }, t("auth.sign-in.button.text"))))
+    );
+  };
+}
+
+export { createSignInPage };

package/dist/src/client/interfaces/pages/auth/verify-email.js

@@ -0,0 +1,51 @@
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useEffect } from 'react';
+import { PATHS } from '../../../../constants/paths/index.js';
+import '../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import '../../components/shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../components/shadcn/sidebar.js';
+import { Spinner } from '../../components/shadcn/spinner.js';
+import '@radix-ui/react-tooltip';
+
+function createVerifyEmailPage({
+  useCommand,
+  verifyEmailAction
+}) {
+  return function VerifyEmailPage() {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const email = searchParams.get("email") ?? "";
+    const emailVerificationToken = searchParams.get("emailVerificationToken") ?? "";
+    const { execute } = useCommand(
+      () => verifyEmailAction({ formData: { email, emailVerificationToken } }),
+      {
+        onSuccess: (data) => router.push(`${PATHS.resources.admin.path}/${data?.admin.id}`),
+        onError: () => router.push(PATHS.auth.signIn.path)
+      }
+    );
+    useEffect(() => {
+      void (async () => {
+        if (email && emailVerificationToken) {
+          await execute();
+        } else {
+          router.push(PATHS.auth.signIn.path);
+        }
+      })();
+    }, [email, emailVerificationToken]);
+    return /* @__PURE__ */ React.createElement("div", { className: "flex-center relative flex-1 flex-col" }, /* @__PURE__ */ React.createElement(Spinner, { className: "size-10" }));
+  };
+}
+
+export { createVerifyEmailPage };

package/dist/src/client/interfaces/styles/constants.js

@@ -0,0 +1,7 @@
+const NAVBAR_HEIGHT = 60;
+const SIDEBAR_WIDTH = 288;
+const PAGE_HEADER_HEIGHT = 56;
+const FORM_SIDE_FIELDS_WIDTH = 320;
+const FORM_MIDDLE_GAP_WIDTH = 24;
+
+export { FORM_MIDDLE_GAP_WIDTH, FORM_SIDE_FIELDS_WIDTH, NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT, SIDEBAR_WIDTH };

package/dist/src/constants/anchor.js

@@ -0,0 +1,4 @@
+const NEW_TAB_TARGET = "_blank";
+const NEW_TAB_REL = "noopener noreferrer";
+
+export { NEW_TAB_REL, NEW_TAB_TARGET };

package/dist/src/constants/cache-keys.js

@@ -0,0 +1,25 @@
+const CACHE_KEYS = {
+  // ----------------------------------------------------------------
+  // shared
+  // ----------------------------------------------------------------
+  findFull: "find-full",
+  findWithSeoMetadata: "find-with-seo-metadata",
+  // Only use in Post
+  findMany: (key) => `${key}|find-many`,
+  findListCards: (key) => `${key}|find-list-cards`,
+  findBySlug: (key) => `${key}|find-by-slug`,
+  // ----------------------------------------------------------------
+  // auth
+  // ----------------------------------------------------------------
+  auth: { verify: "auth|verify" },
+  // Don't clear this ! (also use in useCommand)
+  // ----------------------------------------------------------------
+  // folder
+  // ----------------------------------------------------------------
+  folder: {
+    findByKey: "folder|find-by-key"
+    // use in File Manager
+  }
+};
+
+export { CACHE_KEYS };

package/dist/src/constants/keys/auth.js

@@ -0,0 +1,13 @@
+const AUTH_KEYS = {
+  key: "auth",
+  signIn: { key: "sign-in" },
+  forgotPassword: { key: "forgot-password" },
+  resetPassword: { key: "reset-password" },
+  verifyEmail: { key: "verify-email" },
+  changePassword: { key: "change-password" },
+  signOut: { key: "sign-out" },
+  verify: { key: "verify" },
+  emailUnverified: { key: "email-unverified" }
+};
+
+export { AUTH_KEYS };

package/dist/src/constants/keys/email.js

@@ -0,0 +1,10 @@
+const EMAIL_KEYS = {
+  key: "email",
+  auth: {
+    key: "auth",
+    verifyEmail: { key: "verify-email" },
+    forgotPassword: { key: "forgot-password" }
+  }
+};
+
+export { EMAIL_KEYS };

package/dist/src/constants/keys/index.js

@@ -0,0 +1,15 @@
+import { AUTH_KEYS } from './auth.js';
+import { EMAIL_KEYS } from './email.js';
+import { MAIN_KEYS } from './main.js';
+import { RESOURCES_KEYS } from './resources.js';
+import { UI_KEYS } from './ui.js';
+
+const KEYS = {
+  main: MAIN_KEYS,
+  auth: AUTH_KEYS,
+  resources: RESOURCES_KEYS,
+  ui: UI_KEYS,
+  email: EMAIL_KEYS
+};
+
+export { KEYS };

package/dist/src/constants/keys/main.js

@@ -0,0 +1,13 @@
+const MAIN_KEYS = {
+  key: "main",
+  dashboard: { key: "dashboard" },
+  cmsSettings: { key: "cms-settings" },
+  websitePages: { key: "website-pages" },
+  storage: { key: "storage" },
+  postManagement: { key: "post-management" },
+  fileManager: { key: "file-manager" },
+  trash: { key: "trash" },
+  batch: { key: "batch" }
+};
+
+export { MAIN_KEYS };

package/dist/src/constants/keys/resources.js

@@ -0,0 +1,15 @@
+const RESOURCES_KEYS = {
+  key: "resources",
+  admin: { key: "admin" },
+  adminRefreshToken: { key: "admin-refresh-token" },
+  folder: { key: "folder" },
+  file: { key: "file" },
+  post: { key: "post" },
+  topic: { key: "topic" },
+  category: { key: "category" },
+  tag: { key: "tag" },
+  page: { key: "page" },
+  seoMetadata: { key: "seo-metadata" }
+};
+
+export { RESOURCES_KEYS };

package/dist/src/constants/keys/ui.js

@@ -0,0 +1,53 @@
+const UI_KEYS = {
+  key: "ui",
+  layout: {
+    key: "layout",
+    navbar: { key: "navbar" },
+    sidebar: { key: "sidebar" },
+    itemListContainer: { key: "item-list-container" }
+  },
+  pageHeader: {
+    key: "page-header",
+    create: { key: "create" },
+    edit: { key: "edit" },
+    batch: { key: "batch" },
+    batchCreate: { key: "batch-create" }
+  },
+  button: {
+    key: "button",
+    create: { key: "create" },
+    confirm: { key: "confirm" },
+    edit: { key: "edit" },
+    update: { key: "update" },
+    destroy: { key: "destroy" },
+    purge: { key: "purge" },
+    restore: { key: "restore" },
+    batch: { key: "batch" },
+    batchCreate: { key: "batch-create" },
+    exitBatchMode: { key: "exit-batch-mode" },
+    show: { key: "show" },
+    setting: { key: "setting" },
+    return: { key: "return" },
+    cancel: { key: "cancel" }
+  },
+  blobFile: {
+    key: "blob-file",
+    fileInfo: { key: "file-info" },
+    filePicker: { key: "file-picker" },
+    filePreviewList: { key: "file-preview-list" }
+  },
+  dialog: {
+    key: "dialog",
+    confirm: { key: "confirm" }
+  },
+  modal: {
+    key: "modal",
+    pickModal: { key: "pick-modal" }
+  },
+  field: {
+    key: "field",
+    controlFields: { key: "control-fields" }
+  }
+};
+
+export { UI_KEYS };

package/dist/src/constants/paths/auth.js

@@ -0,0 +1,26 @@
+import { KEYS } from '../keys/index.js';
+import { CMS_PATH } from './cms-path.js';
+import { MAIN_PATHS } from './main.js';
+
+const AUTH_PATHS = {
+  signIn: {
+    path: `${CMS_PATH}/${KEYS.auth.signIn.key}`
+  },
+  forgotPassword: {
+    path: `${CMS_PATH}/${KEYS.auth.forgotPassword.key}`
+  },
+  resetPassword: {
+    path: `${CMS_PATH}/${KEYS.auth.resetPassword.key}`
+  },
+  verifyEmail: {
+    path: `${CMS_PATH}/${KEYS.auth.verifyEmail.key}`
+  },
+  emailUnverified: {
+    path: `${CMS_PATH}/${KEYS.auth.emailUnverified.key}`
+  },
+  changePassword: {
+    path: `${MAIN_PATHS.dashboard.path}/${KEYS.auth.changePassword.key}`
+  }
+};
+
+export { AUTH_PATHS };

package/dist/src/constants/paths/cms-path.js

@@ -0,0 +1,3 @@
+const CMS_PATH = "/cms";
+
+export { CMS_PATH };

package/dist/src/constants/paths/index.js

@@ -0,0 +1,11 @@
+import { AUTH_PATHS } from './auth.js';
+import { MAIN_PATHS } from './main.js';
+import { RESOURCES_PATHS } from './resources.js';
+
+const PATHS = {
+  main: MAIN_PATHS,
+  auth: AUTH_PATHS,
+  resources: RESOURCES_PATHS
+};
+
+export { PATHS };