sitero 0.2.0 → 0.4.0

package/dist/src/cms/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js

@@ -10,7 +10,6 @@ import 'ua-parser-js';
 import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -30,7 +29,8 @@ import 'sonner';
 import { Table, TableBody, TableRow, TableCell } from '../../../shadcn/table.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Button } from '../../../ui/buttons/button.js';
+import { ActionButton } from '../../../ui/buttons/action-button.js';
+import 'next/link';
 import 'next/navigation';
 import { ActiveSpot } from './active-spot.js';
 
@@ -38,25 +38,30 @@ function AdminRefreshTokenCard({
   adminRefreshToken,
   isCurrent,
   isDestroying,
+  isDisabled,
   handleDestroy
 }) {
   const { t, format } = useTranslator(
     "resources.admin-refresh-token"
   );
-  const { email, ip, deviceInfo, createdAt, expiresAt } = adminRefreshToken || {};
+  const { email, lastIp, deviceInfo, createdAt, lastUsedAt, expiresAt } = adminRefreshToken || {};
   const { deviceType, platform, timezone, language, browser } = deviceInfo || {};
   const fields = [
     { label: t("email.text"), value: email },
-    { label: t("ip.text"), value: ip },
+    { label: t("last-ip.text"), value: lastIp },
     { label: t("device-type.text"), value: deviceType },
     { label: t("platform.text"), value: platform },
     { label: t("timezone.text"), value: timezone },
     { label: t("language.text"), value: language },
     { label: t("browser.text"), value: browser },
     {
-      label: t("created-at.text"),
+      label: t("session-started-at.text"),
       value: createdAt ? format.date(new Date(createdAt), DATE_FORMAT_OPTIONS) : ""
     },
+    {
+      label: t("last-used-at.text"),
+      value: lastUsedAt ? format.date(new Date(lastUsedAt), DATE_FORMAT_OPTIONS) : ""
+    },
     {
       label: t("expires-at.text"),
       value: expiresAt ? format.date(new Date(expiresAt), DATE_FORMAT_OPTIONS) : ""
@@ -65,20 +70,22 @@ function AdminRefreshTokenCard({
   return /* @__PURE__ */ jsxs(
     Card,
     {
-      className: cn("h-104 justify-between gap-0 p-4 max-sm:w-full sm:w-80"),
+      className: cn(
+        "min-h-112 justify-between gap-0 p-4 max-sm:w-full sm:w-80"
+      ),
       children: [
         /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, { children: fields.map(({ label, value }) => /* @__PURE__ */ jsxs(TableRow, { children: [
           /* @__PURE__ */ jsx(TableCell, { className: "min-w-24 font-medium", children: label }),
           /* @__PURE__ */ jsx(TableCell, { className: "max-w-36", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: value }) })
         ] }, label)) }) }),
-        isCurrent ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", isDisabled: true, children: [
+        isCurrent ? /* @__PURE__ */ jsxs(ActionButton, { variant: "secondary", isDisabled: true, children: [
           /* @__PURE__ */ jsx(ActiveSpot, { isActive: true }),
           /* @__PURE__ */ jsx("span", { className: "truncate", children: t("current-session.text") })
         ] }) : /* @__PURE__ */ jsx(
-          Button,
+          ActionButton,
           {
             variant: "destructive",
-            isDisabled: isDestroying,
+            isDisabled,
             isLoading: isDestroying,
             onClick: () => void handleDestroy?.(adminRefreshToken?.id ?? ""),
             children: t("delete-session.text")

package/dist/src/cms/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-sessions-link.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Activity } from 'lucide-react';
+import Link from 'next/link';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
+import 'mime-types';
+import 'sitero-domain';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
+
+function AdminSessionsLink({ adminId }) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: joinUrl(
+        CMS_PATHS.system.access.admin.pathname,
+        adminId,
+        "admin-refresh-token"
+      ),
+      className: "border-border hover:bg-accent/50 flex h-9 items-center gap-3 rounded-md border px-3 text-sm transition-colors duration-100",
+      children: [
+        /* @__PURE__ */ jsx(Activity, { "aria-hidden": true, className: "text-muted-foreground size-4" }),
+        /* @__PURE__ */ jsx("p", { className: "line-clamp-1 font-medium", children: t("resources.admin-refresh-token.text") })
+      ]
+    }
+  );
+}
+
+export { AdminSessionsLink };

package/dist/src/cms/client/interfaces/components/resources/admin/admin-relations-link.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Network } from 'lucide-react';
+import Link from 'next/link';
+import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../constants/paths/redirect.js';
+import '../../../../../../constants/cms-locale.js';
+import 'mime-types';
+import 'sitero-domain';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import 'clsx';
+import 'tailwind-merge';
+import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+
+function AdminRelationsLink({ adminId }) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: joinUrl(
+        CMS_PATHS.system.access.admin.pathname,
+        adminId,
+        "relations"
+      ),
+      className: "border-border hover:bg-accent/50 flex h-9 items-center gap-3 rounded-md border px-3 text-sm transition-colors duration-100",
+      children: [
+        /* @__PURE__ */ jsx(Network, { "aria-hidden": true, className: "text-muted-foreground size-4" }),
+        /* @__PURE__ */ jsx("p", { className: "line-clamp-1 font-medium", children: t("resources.related-resources.text") })
+      ]
+    }
+  );
+}
+
+export { AdminRelationsLink };

package/dist/src/cms/client/interfaces/components/resources/admin/admin-state-icons.js

@@ -1,9 +1,35 @@
-import { jsx } from 'react/jsx-runtime';
-import { MailCheckIcon, MailQuestion } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { MailCheckIcon, MailQuestion, Bell } from 'lucide-react';
+import 'mime-types';
+import 'sitero-domain';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import { cn } from '../../../../../../shared/utils/cn.js';
 
 function AdminStateIcons({ admin }) {
+  const { t } = useTranslator();
   const isEmailVerified = !!admin?.emailVerifiedAt;
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: isEmailVerified ? /* @__PURE__ */ jsx(MailCheckIcon, { className: "text-success" }) : /* @__PURE__ */ jsx(MailQuestion, { className: "text-warning" }) });
+  const status = isEmailVerified ? "is-verified" : "not-verified";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2",
+      role: "img",
+      "aria-label": t(`resources.admin.email-verified-at.status.${status}.text`),
+      children: [
+        isEmailVerified ? /* @__PURE__ */ jsx(MailCheckIcon, { className: "text-success" }) : /* @__PURE__ */ jsx(MailQuestion, { className: "text-warning" }),
+        /* @__PURE__ */ jsx(
+          Bell,
+          {
+            className: cn(!admin?.receivesInquiryNotifications && "opacity-10")
+          }
+        )
+      ]
+    }
+  );
 }
 
 export { AdminStateIcons };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Activity, ShieldUser } from 'lucide-react';
+import { Circle, ShieldUser } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
@@ -15,7 +15,6 @@ import '../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../shared/utils/join-url.js';
-import 'zod';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';
@@ -34,6 +33,9 @@ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '.
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/link';
+import { NoData } from '../../ui/display/no-data.js';
+import '../../ui/inputs/input.js';
+import '../../ui/inputs/textarea.js';
 import { Badge } from '../../ui/display/badge.js';
 import { Tick } from '../../ui/features/tick.js';
 import 'next/image';
@@ -41,57 +43,71 @@ import { AdminStateIcons } from './admin-state-icons.js';
 
 function AdminTable({
   admins,
+  contentLocale,
   pickedItems,
-  handleClick,
+  onSelect,
   openNewTab
 }) {
-  const { t, locale } = useTranslator();
+  const { t } = useTranslator();
   const router = useRouter();
   return /* @__PURE__ */ jsxs(Table, { children: [
     /* @__PURE__ */ jsx(TableHeader, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.role.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.email.text") }),
+      onSelect && /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("resources.admin.text") }) }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-40", children: t("resources.admin.role.text") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-40", children: t("resources.states.text") }),
       /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.name.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Activity, {}) })
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.admin.email.text") })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: admins.map((admin) => {
       const isPicked = !!pickedItems?.some((item) => item.id === admin.id);
-      const adminT = findTranslation(admin.translations, locale);
+      const adminT = findTranslation(admin.translations, contentLocale);
       const href = joinUrl(
         CMS_PATHS.system.access.admin.pathname,
-        admin?.id
+        admin.id
+      );
+      const name = adminT.name || void 0;
+      const title = name ?? t("ui.no-data.text");
+      const isSelecting = onSelect !== void 0;
+      const selectionLabel = t(
+        isPicked ? "ui.picked.text" : "ui.pick.text"
       );
+      function activateRow() {
+        if (onSelect) {
+          onSelect(admin);
+          return;
+        }
+        if (openNewTab) {
+          globalThis.open(href, "_blank", "noopener,noreferrer");
+          return;
+        }
+        router.push(href);
+      }
       return /* @__PURE__ */ jsxs(
         TableRow,
         {
+          "data-state": isPicked ? "selected" : void 0,
           className: cn(
-            "cursor-pointer",
+            "focus-visible:outline-ring cursor-pointer focus-visible:outline-2",
             pickedItems && !isPicked && "opacity-50"
           ),
-          onClick: () => {
-            if (handleClick === void 0) {
-              if (openNewTab) {
-                globalThis.open(href);
-              } else {
-                router.push(href);
-              }
-            } else {
-              handleClick(admin);
-            }
+          tabIndex: 0,
+          "aria-label": `${isSelecting ? selectionLabel : t("resources.admin.text")}: ${title}`,
+          onClick: activateRow,
+          onKeyDown: (event) => {
+            if (event.key !== "Enter" && event.key !== " ") return;
+            event.preventDefault();
+            activateRow();
           },
           children: [
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
+            isSelecting && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center text-muted-foreground/60", children: isPicked ? /* @__PURE__ */ jsx(Tick, { isPicked: true }) : /* @__PURE__ */ jsx(Circle, { "aria-hidden": true, className: "size-5!" }) }) }),
             /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(ShieldUser, { className: "text-muted-foreground" }) }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { children: t(
+            /* @__PURE__ */ jsx(TableCell, { className: "w-40", children: /* @__PURE__ */ jsx(Badge, { className: "h-5.5 w-fit max-w-32 min-w-0 px-3", children: t(
               `resources.admin.role.${admin.role.toLowerCase()}.text`
             ) }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(AdminStateIcons, { admin }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: admin.email }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: adminT.name }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") }) })
+            /* @__PURE__ */ jsx(TableCell, { className: "w-40", children: /* @__PURE__ */ jsx(AdminStateIcons, { admin }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: name ? /* @__PURE__ */ jsx("p", { className: "truncate", children: name }) : /* @__PURE__ */ jsx(NoData, {}) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: admin.email }) })
           ]
         },
         admin.id

package/dist/src/cms/client/interfaces/components/resources/admin/author-fields.js

@@ -0,0 +1,5 @@
+function createAllowAuthorField(fields) {
+  return ({ field }) => fields.includes(field);
+}
+
+export { createAllowAuthorField };