@yimingliao/cms 0.0.126 → 0.0.128

package/dist/src/client/interfaces/components/ui/inputs/textarea.js

@@ -0,0 +1,59 @@
+import { useRef, useEffect } from 'react';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import { InputGroup, InputGroupAddon } from '../../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 '../../shadcn/sidebar.js';
+import { Spinner } from '../../shadcn/spinner.js';
+import { Textarea as Textarea$1 } from '../../shadcn/textarea.js';
+import '@radix-ui/react-tooltip';
+
+function Textarea({
+  // form context
+  fieldName,
+  setFormData,
+  // ui states
+  isLoading = false,
+  isDisabled = false,
+  isError = false,
+  // base
+  ...props
+}) {
+  isDisabled = isDisabled || isLoading;
+  const textareaRef = useRef(null);
+  const resetHeight = (element) => {
+    element.style.height = "40px";
+    element.style.height = `${element.scrollHeight + 2}px`;
+  };
+  useEffect(() => {
+    if (!textareaRef.current) return;
+    resetHeight(textareaRef.current);
+  }, [props.value, isLoading]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading ? /* @__PURE__ */ React.createElement(InputGroup, { "data-disabled": isDisabled, className: "h-10" }, /* @__PURE__ */ React.createElement(InputGroupAddon, null, /* @__PURE__ */ React.createElement(Spinner, null))) : /* @__PURE__ */ React.createElement(
+    Textarea$1,
+    {
+      ref: textareaRef,
+      disabled: isDisabled,
+      "aria-invalid": isError,
+      value: isLoading ? "" : props.value,
+      onChange: (e) => {
+        resetHeight(e.target);
+        if (!setFormData || !fieldName) return;
+        setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
+      },
+      ...props
+    }
+  ));
+}
+
+export { Textarea };

package/dist/src/client/interfaces/components/ui/layouts/content-container.js

@@ -0,0 +1,36 @@
+import { useTranslator } from 'intor/react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import { NAVBAR_HEIGHT, PAGE_HEADER_HEIGHT } from '../../../styles/constants.js';
+
+function ContentContainer({
+  className = "",
+  children,
+  isNotFound = false,
+  isFixHeight,
+  ...props
+}) {
+  const { t } = useTranslator();
+  const ABOVE_HEIGHT = NAVBAR_HEIGHT + PAGE_HEADER_HEIGHT;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        height: isFixHeight ? `calc(100vh - ${ABOVE_HEIGHT}px)` : "auto"
+      },
+      className: cn(
+        className,
+        "relative",
+        "flex flex-col gap-4",
+        "px-6 pt-6",
+        isFixHeight ? "pb-6" : "flex-1 pb-64"
+      ),
+      ...props
+    },
+    isNotFound ? /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground" }, t("ui.no-data.text")) : children
+  );
+}
+
+export { ContentContainer };

package/dist/src/client/interfaces/components/ui/layouts/layout-skeleton.js

@@ -0,0 +1,32 @@
+import { SIDEBAR_WIDTH } from '../../../styles/constants.js';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../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 { useSidebar, Sidebar, SidebarInset } from '../../shadcn/sidebar.js';
+import { Skeleton } from '../../shadcn/skeleton.js';
+import '@radix-ui/react-tooltip';
+
+function LayoutSkeleton() {
+  const { open } = useSidebar();
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-1" }, /* @__PURE__ */ React.createElement(Sidebar, { className: "top-(--header-height) h-[calc(100svh-var(--header-height))]!" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 p-3" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-10 w-full" }))), /* @__PURE__ */ React.createElement(
+    SidebarInset,
+    {
+      style: { width: open ? `calc(100% - ${SIDEBAR_WIDTH})` : "100%" }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 p-6" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-96" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-72" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-6 w-64" }))
+  ));
+}
+
+export { LayoutSkeleton };

package/dist/src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js

@@ -0,0 +1,34 @@
+"use client";
+import { Link } from 'intor/next';
+import { Languages } from 'lucide-react';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../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 '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'intor/react';
+
+function createI18nSelector({
+  enabled,
+  locales,
+  localeDisplay
+}) {
+  return function I18nSelector() {
+    if (!enabled) return null;
+    return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon" }, /* @__PURE__ */ React.createElement(Languages, null), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Switch Languages"))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, locales.map((locale) => /* @__PURE__ */ React.createElement(Link, { key: locale, locale }, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, localeDisplay[locale])))));
+  };
+}
+
+export { createI18nSelector };

package/dist/src/client/interfaces/components/ui/layouts/navbar/nav-user.js

@@ -0,0 +1,79 @@
+"use client";
+import { useTranslator } from 'intor/react';
+import { UserCircle, ChevronsUpDown, PenLine } from 'lucide-react';
+import Link from 'next/link';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../../shadcn/avatar.js';
+import '../../../shadcn/button.js';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '@radix-ui/react-collapsible';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../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 { SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '../../../shadcn/sidebar.js';
+import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+
+function NavUser({
+  storageUrl,
+  admin,
+  isLoading = false,
+  SignOutButton
+}) {
+  const { t, locale } = useTranslator();
+  const { name } = findTranslation(admin?.translations, locale);
+  if (isLoading)
+    return /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64" }, /* @__PURE__ */ React.createElement(Spinner, null));
+  if (!admin)
+    return /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon", disabled: true, className: "w-64" }, /* @__PURE__ */ React.createElement(UserCircle, { className: "size-4" }));
+  return /* @__PURE__ */ React.createElement(SidebarMenu, { className: "w-64" }, /* @__PURE__ */ React.createElement(SidebarMenuItem, null, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    SidebarMenuButton,
+    {
+      size: "lg",
+      className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+      disabled: isLoading
+    },
+    /* @__PURE__ */ React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" }, admin.avatarImage?.key && /* @__PURE__ */ React.createElement(
+      AvatarImage,
+      {
+        src: joinUrl(storageUrl, admin.avatarImage?.key),
+        alt: name ?? ""
+      }
+    ), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "rounded-lg" })),
+    /* @__PURE__ */ React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium" }, name), /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs" }, admin.email)),
+    /* @__PURE__ */ React.createElement(ChevronsUpDown, { className: "ml-auto size-4" })
+  )), /* @__PURE__ */ React.createElement(
+    DropdownMenuContent,
+    {
+      className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+      side: "bottom",
+      align: "end",
+      sideOffset: 4
+    },
+    /* @__PURE__ */ React.createElement(DropdownMenuLabel, { className: "p-0 font-normal" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" }, admin.avatarImage?.key && /* @__PURE__ */ React.createElement(
+      AvatarImage,
+      {
+        src: joinUrl(storageUrl, admin.avatarImage?.key),
+        alt: name ?? ""
+      }
+    ), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "rounded-lg" })), /* @__PURE__ */ React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium" }, name), /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs" }, admin.email)))),
+    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
+    /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(Link, { href: PATHS.auth.changePassword.path }, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(PenLine, null), t("auth.change-password.text")))),
+    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
+    SignOutButton
+  ))));
+}
+
+export { NavUser };

package/dist/src/client/interfaces/components/ui/layouts/navbar/navbar.js

@@ -0,0 +1,70 @@
+"use client";
+import { useTranslator } from 'intor/react';
+import { SidebarIcon, House, SquareArrowOutUpRight } from 'lucide-react';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'sonner';
+import '@tanstack/react-query';
+import 'react';
+import 'mime-types';
+import { useAdmin } from '../../../../../infrastructure/contexts/admin.js';
+import 'next-themes';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '@radix-ui/react-dialog';
+import { useSidebar } from '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import { NavUser } from './nav-user.js';
+import { ThemeSelector } from './theme-selector.js';
+
+function createNavbar({
+  webUrl,
+  storageUrl,
+  I18nSelector,
+  SignOutButton
+}) {
+  return function Navbar() {
+    const { toggleSidebar } = useSidebar();
+    const { admin, isLoading } = useAdmin();
+    const { t } = useTranslator();
+    return /* @__PURE__ */ React.createElement("header", { className: "bg-background sticky top-0 z-50 flex w-full items-center border-b" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-(--header-height) w-full items-center gap-2 px-2" }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        className: "h-8 w-8",
+        variant: "ghost",
+        size: "icon",
+        onClick: toggleSidebar
+      },
+      /* @__PURE__ */ React.createElement(SidebarIcon, null)
+    ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical", className: "mr-1 h-4" }), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "outline",
+        size: "icon",
+        href: PATHS.main.dashboard.path
+      },
+      /* @__PURE__ */ React.createElement(House, null)
+    ), /* @__PURE__ */ React.createElement(Button, { variant: "outline", href: webUrl, openNewTab: true }, /* @__PURE__ */ React.createElement(SquareArrowOutUpRight, null), t("ui.layout.navbar.website-homepage.text")), /* @__PURE__ */ React.createElement("div", { className: "ml-auto" }), /* @__PURE__ */ React.createElement(I18nSelector, null), /* @__PURE__ */ React.createElement(ThemeSelector, null), /* @__PURE__ */ React.createElement(
+      NavUser,
+      {
+        storageUrl,
+        SignOutButton: /* @__PURE__ */ React.createElement(SignOutButton, null),
+        admin,
+        isLoading
+      }
+    )));
+  };
+}
+
+export { createNavbar };

package/dist/src/client/interfaces/components/ui/layouts/navbar/sign-out-button.js

@@ -0,0 +1,52 @@
+import { useTranslator } from 'intor/react';
+import { LogOut } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import { isConfirm } from '../../../../../applications/ui/is-confirm.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 '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import { DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../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 '../../../shadcn/sidebar.js';
+import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tooltip';
+
+function createSignOutButton({
+  useCommand,
+  signOutAction
+}) {
+  return function SignOutButton() {
+    const { t } = useTranslator();
+    const router = useRouter();
+    const { setAdmin } = useAdmin();
+    const { execute, isRedirecting } = useCommand(signOutAction, {
+      onSuccess: () => {
+        setAdmin(null);
+        router.push(PATHS.auth.signIn.path);
+      }
+    });
+    const handleSignOut = () => {
+      if (!isConfirm(t)) return;
+      void execute();
+    };
+    const buttonText = isRedirecting ? /* @__PURE__ */ React.createElement(Spinner, null) : t("auth.sign-out.text");
+    return /* @__PURE__ */ React.createElement("button", { onClick: handleSignOut, className: "w-full" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { variant: "destructive" }, /* @__PURE__ */ React.createElement(LogOut, null), buttonText));
+  };
+}
+
+export { createSignOutButton };

package/dist/src/client/interfaces/components/ui/layouts/navbar/theme-selector.js

@@ -0,0 +1,29 @@
+"use client";
+import { useTranslator } from 'intor/react';
+import { Sun, Moon, TvMinimal } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../shadcn/dropdown-menu.js';
+import '../../../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 '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+
+function ThemeSelector() {
+  const { setTheme } = useTheme();
+  const { t } = useTranslator();
+  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", size: "icon" }, /* @__PURE__ */ React.createElement(Sun, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }), /* @__PURE__ */ React.createElement(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Select theme"))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("light") }, /* @__PURE__ */ React.createElement(Sun, null), t("ui.layout.navbar.theme.light.text")), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("dark") }, /* @__PURE__ */ React.createElement(Moon, null), t("ui.layout.navbar.theme.dark.text")), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => setTheme("system") }, /* @__PURE__ */ React.createElement(TvMinimal, null), t("ui.layout.navbar.theme.system.text"))));
+}
+
+export { ThemeSelector };

package/dist/src/client/interfaces/components/ui/layouts/sidebar/nav-main.js

@@ -0,0 +1,82 @@
+"use client";
+import { ChevronRight } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useState, useEffect } from 'react';
+import '@radix-ui/react-avatar';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/button.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../../../shadcn/collapsible.js';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '@radix-ui/react-dialog';
+import { SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton } from '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tooltip';
+
+const getMainPath = (path) => "/" + path.split("/").slice(3).filter(Boolean).join("/");
+const toSegments = (path) => path.split("/").filter(Boolean);
+const isSegmentMatch = (current, target) => {
+  const currentSeg = toSegments(current);
+  const targetSeg = toSegments(target);
+  if (targetSeg.length > currentSeg.length) return false;
+  return targetSeg.every((seg, i) => currentSeg[i] === seg);
+};
+function NavMain({ items }) {
+  const pathname = usePathname();
+  const [openItems, setOpenItems] = useState([]);
+  const toggleItem = (title, open) => {
+    setOpenItems(
+      (prev) => open ? [...prev, title] : prev.filter((t) => t !== title)
+    );
+  };
+  const parsedPathname = getMainPath(pathname);
+  useEffect(() => {
+    const matched = items.filter(
+      (item) => item.url ? isSegmentMatch(parsedPathname, getMainPath(item.url)) : false
+    ).map((item) => item.title || "");
+    queueMicrotask(() => setOpenItems(matched));
+  }, [parsedPathname, items]);
+  return /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map((item, index) => {
+    const isOpen = openItems.includes(item.title || "");
+    const parsedUrl = getMainPath(item.url || "");
+    const isCurrentPath = item.url ? isSegmentMatch(parsedPathname, parsedUrl) : false;
+    return /* @__PURE__ */ React.createElement(
+      Collapsible,
+      {
+        key: index,
+        asChild: true,
+        open: isOpen,
+        onOpenChange: (open) => toggleItem(item.title || "", open)
+      },
+      /* @__PURE__ */ React.createElement(SidebarMenuItem, { className: "[&>button]:top-2 [&>button]:size-6" }, !item.isSeparator ? /* @__PURE__ */ React.createElement(
+        SidebarMenuButton,
+        {
+          asChild: true,
+          size: "md",
+          isActive: isCurrentPath
+        },
+        /* @__PURE__ */ React.createElement(Link, { href: item.url || "" }, item.icon && /* @__PURE__ */ React.createElement(item.icon, null), /* @__PURE__ */ React.createElement("span", null, item.title))
+      ) : /* @__PURE__ */ React.createElement(Separator, null), item.items?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CollapsibleTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(SidebarMenuAction, { className: "data-[state=open]:rotate-90" }, /* @__PURE__ */ React.createElement(ChevronRight, null), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle"))), /* @__PURE__ */ React.createElement(CollapsibleContent, null, /* @__PURE__ */ React.createElement(SidebarMenuSub, null, item.items?.map((subItem, index2) => {
+        const parsedPathname2 = getMainPath(pathname);
+        const parsedUrl2 = getMainPath(subItem.url || "");
+        const isCurrentPath2 = subItem.url ? isSegmentMatch(parsedPathname2, parsedUrl2) : false;
+        return /* @__PURE__ */ React.createElement(SidebarMenuSubItem, { key: index2 }, !subItem.isSeparator ? /* @__PURE__ */ React.createElement(
+          SidebarMenuSubButton,
+          {
+            asChild: true,
+            size: "lg",
+            isActive: isCurrentPath2
+          },
+          /* @__PURE__ */ React.createElement(Link, { href: subItem.url || "" }, subItem.icon && /* @__PURE__ */ React.createElement(subItem.icon, null), /* @__PURE__ */ React.createElement("span", null, subItem.title))
+        ) : /* @__PURE__ */ React.createElement(Separator, null));
+      })))) : null)
+    );
+  })));
+}
+
+export { NavMain };

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

@@ -0,0 +1,137 @@
+import { useTranslator } from 'intor/react';
+import Link from 'next/link';
+import { useRouter } 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 createChangePasswordPage({
+  useCommand,
+  changePasswordAction
+}) {
+  return function ChangePasswordPage() {
+    const { t } = useTranslator();
+    const router = useRouter();
+    const [formData, setFormData] = useState({
+      password: "",
+      newPassword: "",
+      newPasswordConfirm: ""
+    });
+    const { execute, isRedirecting, errors } = useCommand(
+      () => changePasswordAction({
+        formData: {
+          password: formData.password,
+          newPassword: formData.newPassword,
+          newPasswordConfirm: formData.newPasswordConfirm
+        }
+      }),
+      { onSuccess: () => router.push(PATHS.main.dashboard.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.change-password.text"))), /* @__PURE__ */ React.createElement(CardContent, { className: "relative flex flex-col gap-6" }, /* @__PURE__ */ React.createElement(
+        Field,
+        {
+          htmlFor: "password",
+          label: t("auth.change-password.password.text")
+        },
+        /* @__PURE__ */ React.createElement(
+          PasswordInput,
+          {
+            id: "password",
+            placeholder: t(
+              "auth.change-password.password.placeholder.text"
+            ),
+            fieldName: "password",
+            value: formData.password,
+            setFormData,
+            isDisabled: isRedirecting,
+            isError: errors.includes("password")
+          }
+        )
+      ), /* @__PURE__ */ React.createElement(
+        Field,
+        {
+          htmlFor: "newPassword",
+          label: t("auth.change-password.new-password.text")
+        },
+        /* @__PURE__ */ React.createElement(
+          PasswordInput,
+          {
+            id: "newPassword",
+            placeholder: t(
+              "auth.change-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.change-password.new-password-confirm.text")
+        },
+        /* @__PURE__ */ React.createElement(
+          PasswordInput,
+          {
+            id: "newPasswordConfirm",
+            placeholder: t(
+              "auth.change-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.main.dashboard.path }, t("auth.change-password.anchor.text"))
+      ), /* @__PURE__ */ React.createElement(Button, { type: "submit", isLoading: isRedirecting }, t("auth.change-password.button.text")), " "))
+    );
+  };
+}
+
+export { createChangePasswordPage };