@open-mercato/core 0.4.8-develop-28cee031d6 → 0.4.8-develop-15259be22b

package/dist/modules/customer_accounts/backend/customer_accounts/[id]/page.js

@@ -0,0 +1,491 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+function formatDate(value, fallback) {
+  if (!value) return fallback;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return fallback;
+  return date.toLocaleString();
+}
+function ResetPasswordDialog({
+  open,
+  onOpenChange,
+  userId,
+  onRunMutation
+}) {
+  const t = useT();
+  const [newPassword, setNewPassword] = React.useState("");
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const handleSubmit = React.useCallback(async (event) => {
+    event.preventDefault();
+    if (!newPassword.trim() || newPassword.length < 8) {
+      flash(t("customer_accounts.admin.detail.resetPassword.error.minLength", "Password must be at least 8 characters"), "error");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      await onRunMutation(async () => {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(userId)}/reset-password`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ newPassword })
+          }
+        );
+        if (!call.ok) {
+          flash(call.result?.error || t("customer_accounts.admin.detail.resetPassword.error.save", "Failed to reset password"), "error");
+          return;
+        }
+        flash(t("customer_accounts.admin.detail.resetPassword.flash.success", "Password reset successfully"), "success");
+        setNewPassword("");
+        onOpenChange(false);
+      });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("customer_accounts.admin.detail.resetPassword.error.save", "Failed to reset password");
+      flash(message, "error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [newPassword, onOpenChange, onRunMutation, t, userId]);
+  const handleKeyDown = React.useCallback((event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      const form = event.target.closest("form");
+      if (form) form.requestSubmit();
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => {
+    if (!next) setNewPassword("");
+    onOpenChange(next);
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("customer_accounts.admin.detail.resetPassword.title", "Reset Password") }) }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: (event) => {
+      void handleSubmit(event);
+    }, onKeyDown: handleKeyDown, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "reset-password", children: t("customer_accounts.admin.detail.resetPassword.fields.newPassword", "New Password") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "reset-password",
+            type: "password",
+            required: true,
+            minLength: 8,
+            value: newPassword,
+            onChange: (event) => setNewPassword(event.target.value),
+            className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            placeholder: t("customer_accounts.admin.detail.resetPassword.fields.placeholder", "Min. 8 characters")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {
+          setNewPassword("");
+          onOpenChange(false);
+        }, children: t("customer_accounts.admin.detail.resetPassword.actions.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? t("customer_accounts.admin.detail.resetPassword.actions.resetting", "Resetting...") : t("customer_accounts.admin.detail.resetPassword.actions.reset", "Reset Password") })
+      ] })
+    ] })
+  ] }) });
+}
+function CustomerUserDetailPage({ params }) {
+  const id = params?.id;
+  const t = useT();
+  const router = useRouter();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [data, setData] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [isSaving, setIsSaving] = React.useState(false);
+  const [editActive, setEditActive] = React.useState(null);
+  const [editDisplayName, setEditDisplayName] = React.useState("");
+  const [availableRoles, setAvailableRoles] = React.useState([]);
+  const [selectedRoleIds, setSelectedRoleIds] = React.useState([]);
+  const [resetPasswordOpen, setResetPasswordOpen] = React.useState(false);
+  const [isVerifying, setIsVerifying] = React.useState(false);
+  const mutationContextId = `customer_accounts:user:${id ?? "pending"}`;
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: mutationContextId
+  });
+  const runMutationWithContext = React.useCallback(
+    async (operation, mutationPayload) => {
+      return runMutation({
+        operation,
+        mutationPayload,
+        context: { entityType: "customer_accounts:user", entityId: id }
+      });
+    },
+    [id, runMutation]
+  );
+  React.useEffect(() => {
+    if (!id) {
+      setError(t("customer_accounts.admin.detail.error.notFound", "User not found"));
+      setIsLoading(false);
+      return;
+    }
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const payload = await readApiResultOrThrow(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
+          void 0,
+          { errorMessage: t("customer_accounts.admin.detail.error.load", "Failed to load user") }
+        );
+        if (cancelled) return;
+        setData(payload);
+        setEditActive(payload.isActive);
+        setEditDisplayName(payload.displayName);
+        setSelectedRoleIds(payload.roles.map((role) => role.id));
+      } catch (err) {
+        if (cancelled) return;
+        const message = err instanceof Error ? err.message : t("customer_accounts.admin.detail.error.load", "Failed to load user");
+        setError(message);
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [id, t]);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadRoles() {
+      try {
+        const call = await apiCall(
+          "/api/customer_accounts/admin/roles?pageSize=100"
+        );
+        if (cancelled || !call.ok) return;
+        const items = Array.isArray(call.result?.items) ? call.result.items : [];
+        setAvailableRoles(
+          items.filter((item) => typeof item?.id === "string" && typeof item?.name === "string")
+        );
+      } catch {
+      }
+    }
+    loadRoles();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const handleSave = React.useCallback(async () => {
+    if (!data || !id) return;
+    setIsSaving(true);
+    try {
+      await runMutationWithContext(async () => {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
+          {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              displayName: editDisplayName.trim() || void 0,
+              isActive: editActive,
+              roleIds: selectedRoleIds
+            })
+          }
+        );
+        if (!call.ok) {
+          flash(call.result?.error || t("customer_accounts.admin.detail.error.save", "Failed to save user"), "error");
+          return;
+        }
+        flash(t("customer_accounts.admin.detail.flash.saved", "User updated"), "success");
+        setData((prev) => prev ? {
+          ...prev,
+          isActive: editActive ?? prev.isActive,
+          displayName: editDisplayName.trim() || prev.displayName
+        } : prev);
+      }, { displayName: editDisplayName, isActive: editActive, roleIds: selectedRoleIds });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("customer_accounts.admin.detail.error.save", "Failed to save user");
+      flash(message, "error");
+    } finally {
+      setIsSaving(false);
+    }
+  }, [data, editActive, editDisplayName, id, runMutationWithContext, selectedRoleIds, t]);
+  const handleDelete = React.useCallback(async () => {
+    if (!data || !id) return;
+    const confirmed = await confirm({
+      title: t("customer_accounts.admin.confirm.delete", 'Delete user "{{name}}"?', {
+        name: data.displayName || data.email
+      }),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    try {
+      await runMutationWithContext(async () => {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
+          { method: "DELETE" }
+        );
+        if (!call.ok) {
+          flash(t("customer_accounts.admin.error.delete", "Failed to delete user"), "error");
+          return;
+        }
+        flash(t("customer_accounts.admin.flash.deleted", "User deleted"), "success");
+        router.push("/backend/customer_accounts");
+      }, { id });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("customer_accounts.admin.error.delete", "Failed to delete user");
+      flash(message, "error");
+    }
+  }, [confirm, data, id, router, runMutationWithContext, t]);
+  const handleVerifyEmail = React.useCallback(async () => {
+    if (!data || !id) return;
+    const confirmed = await confirm({
+      title: t("customer_accounts.admin.detail.verifyEmail.confirm", 'Mark email as verified for "{{name}}"?', {
+        name: data.displayName || data.email
+      })
+    });
+    if (!confirmed) return;
+    setIsVerifying(true);
+    try {
+      await runMutationWithContext(async () => {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}/verify-email`,
+          { method: "POST" }
+        );
+        if (!call.ok) {
+          flash(call.result?.error || t("customer_accounts.admin.detail.verifyEmail.error", "Failed to verify email"), "error");
+          return;
+        }
+        flash(t("customer_accounts.admin.detail.verifyEmail.flash.success", "Email marked as verified"), "success");
+        setData((prev) => prev ? { ...prev, emailVerifiedAt: (/* @__PURE__ */ new Date()).toISOString() } : prev);
+      }, { id });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("customer_accounts.admin.detail.verifyEmail.error", "Failed to verify email");
+      flash(message, "error");
+    } finally {
+      setIsVerifying(false);
+    }
+  }, [confirm, data, id, runMutationWithContext, t]);
+  const handleRevokeSession = React.useCallback(async (sessionId) => {
+    if (!id) return;
+    try {
+      await runMutationWithContext(async () => {
+        const call = await apiCall(
+          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}/sessions/${encodeURIComponent(sessionId)}`,
+          { method: "DELETE" }
+        );
+        if (!call.ok) {
+          flash(t("customer_accounts.admin.detail.error.revokeSession", "Failed to revoke session"), "error");
+          return;
+        }
+        flash(t("customer_accounts.admin.detail.flash.sessionRevoked", "Session revoked"), "success");
+        setData((prev) => {
+          if (!prev) return prev;
+          return { ...prev, sessions: prev.sessions.filter((session) => session.id !== sessionId) };
+        });
+      }, { sessionId });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("customer_accounts.admin.detail.error.revokeSession", "Failed to revoke session");
+      flash(message, "error");
+    }
+  }, [id, runMutationWithContext, t]);
+  const handleRoleToggle = React.useCallback((roleId) => {
+    setSelectedRoleIds(
+      (prev) => prev.includes(roleId) ? prev.filter((existingId) => existingId !== roleId) : [...prev, roleId]
+    );
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx("span", { children: t("customer_accounts.admin.detail.loading", "Loading user...") })
+    ] }) }) });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("p", { children: error || t("customer_accounts.admin.detail.error.notFound", "User not found") }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer_accounts", children: t("customer_accounts.admin.detail.actions.backToList", "Back to list") }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        FormHeader,
+        {
+          mode: "detail",
+          backHref: "/backend/customer_accounts",
+          backLabel: t("customer_accounts.admin.detail.actions.backToList", "Back to list"),
+          title: data.displayName,
+          subtitle: data.email,
+          onDelete: () => {
+            void handleDelete();
+          },
+          deleteLabel: t("customer_accounts.admin.detail.actions.delete", "Delete")
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("customer_accounts.admin.detail.sections.info", "User Information") }),
+          /* @__PURE__ */ jsxs("dl", { className: "space-y-2 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.email", "Email") }),
+              /* @__PURE__ */ jsx("dd", { children: data.email })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.emailVerified", "Email Verified") }),
+              /* @__PURE__ */ jsxs("dd", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${data.emailVerifiedAt ? "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" : "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"}`, children: data.emailVerifiedAt ? t("customer_accounts.admin.verified", "Yes") : t("customer_accounts.admin.unverified", "No") }),
+                !data.emailVerifiedAt && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => {
+                      void handleVerifyEmail();
+                    },
+                    disabled: isVerifying,
+                    children: isVerifying ? t("customer_accounts.admin.detail.verifyEmail.actions.verifying", "Verifying...") : t("customer_accounts.admin.detail.verifyEmail.actions.verify", "Mark Verified")
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.lastLogin", "Last Login") }),
+              /* @__PURE__ */ jsx("dd", { children: formatDate(data.lastLoginAt, "-") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.createdAt", "Created") }),
+              /* @__PURE__ */ jsx("dd", { children: formatDate(data.createdAt, "-") })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("customer_accounts.admin.detail.sections.crmLinks", "CRM Links") }),
+          /* @__PURE__ */ jsxs("dl", { className: "space-y-2 text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.personEntity", "Linked Person") }),
+              /* @__PURE__ */ jsx("dd", { children: data.personEntityId ? /* @__PURE__ */ jsx(Link, { href: `/backend/customers/people/${data.personEntityId}`, className: "text-primary hover:underline", children: t("customer_accounts.admin.detail.actions.viewPerson", "View") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("customer_accounts.admin.detail.fields.customerEntity", "Linked Company") }),
+              /* @__PURE__ */ jsx("dd", { children: data.customerEntityId ? /* @__PURE__ */ jsx(Link, { href: `/backend/customers/companies/${data.customerEntityId}`, className: "text-primary hover:underline", children: t("customer_accounts.admin.detail.actions.viewCompany", "View") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "-" }) })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("customer_accounts.admin.detail.sections.settings", "Account Settings") }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "user-display-name", children: t("customer_accounts.admin.detail.fields.displayName", "Display Name") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "user-display-name",
+                type: "text",
+                value: editDisplayName,
+                onChange: (event) => setEditDisplayName(event.target.value),
+                className: "flex h-9 w-full max-w-sm rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "user-active-toggle", children: t("customer_accounts.admin.detail.fields.isActive", "Active") }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                id: "user-active-toggle",
+                type: "button",
+                role: "switch",
+                "aria-checked": editActive ?? data.isActive,
+                onClick: () => setEditActive((prev) => !(prev ?? data.isActive)),
+                className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${editActive ?? data.isActive ? "bg-primary" : "bg-muted"}`,
+                children: /* @__PURE__ */ jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${editActive ?? data.isActive ? "translate-x-6" : "translate-x-1"}` })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("customer_accounts.admin.detail.fields.roles", "Roles") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              availableRoles.map((role) => {
+                const isSelected = selectedRoleIds.includes(role.id);
+                return /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleRoleToggle(role.id),
+                    className: `rounded-full border px-3 py-1 text-xs font-medium transition-colors ${isSelected ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-muted-foreground hover:bg-muted"}`,
+                    children: role.name
+                  },
+                  role.id
+                );
+              }),
+              availableRoles.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("customer_accounts.admin.detail.noRolesAvailable", "No roles available") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(Button, { onClick: () => {
+            void handleSave();
+          }, disabled: isSaving, children: isSaving ? t("customer_accounts.admin.detail.actions.saving", "Saving...") : t("customer_accounts.admin.detail.actions.save", "Save Changes") }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("customer_accounts.admin.detail.sections.security", "Security") }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setResetPasswordOpen(true), children: t("customer_accounts.admin.detail.resetPassword.actions.open", "Reset Password") }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxs("h2", { className: "text-sm font-semibold", children: [
+          t("customer_accounts.admin.detail.sections.sessions", "Active Sessions"),
+          data.sessions.length > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs font-normal text-muted-foreground", children: [
+            "(",
+            data.sessions.length,
+            ")"
+          ] })
+        ] }),
+        data.sessions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customer_accounts.admin.detail.noSessions", "No active sessions") }) : /* @__PURE__ */ jsx("div", { className: "divide-y", children: data.sessions.map((session) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: session.ipAddress || t("customer_accounts.admin.detail.unknownIp", "Unknown IP") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate max-w-xs", children: session.userAgent || t("customer_accounts.admin.detail.unknownDevice", "Unknown device") }),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              t("customer_accounts.admin.detail.fields.lastUsed", "Last used"),
+              ": ",
+              formatDate(session.lastUsedAt, "-")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                void handleRevokeSession(session.id);
+              },
+              children: t("customer_accounts.admin.detail.actions.revoke", "Revoke")
+            }
+          )
+        ] }, session.id)) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ResetPasswordDialog,
+        {
+          open: resetPasswordOpen,
+          onOpenChange: setResetPasswordOpen,
+          userId: id,
+          onRunMutation: runMutationWithContext
+        }
+      )
+    ] }),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  CustomerUserDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/customer_accounts/backend/customer_accounts/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\n\ntype UserDetail = {\n  id: string\n  displayName: string\n  email: string\n  emailVerifiedAt: string | null\n  isActive: boolean\n  lastLoginAt: string | null\n  personEntityId: string | null\n  customerEntityId: string | null\n  createdAt: string\n  updatedAt: string | null\n  roles: Array<{ id: string; name: string; slug: string }>\n  sessions: Array<{\n    id: string\n    ipAddress: string | null\n    userAgent: string | null\n    lastUsedAt: string | null\n    createdAt: string\n    expiresAt: string\n  }>\n}\n\nfunction formatDate(value: string | null | undefined, fallback: string): string {\n  if (!value) return fallback\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return fallback\n  return date.toLocaleString()\n}\n\nfunction ResetPasswordDialog({\n  open,\n  onOpenChange,\n  userId,\n  onRunMutation,\n}: {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  userId: string\n  onRunMutation: <T>(operation: () => Promise<T>) => Promise<T>\n}) {\n  const t = useT()\n  const [newPassword, setNewPassword] = React.useState('')\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n\n  const handleSubmit = React.useCallback(async (event: React.FormEvent) => {\n    event.preventDefault()\n    if (!newPassword.trim() || newPassword.length < 8) {\n      flash(t('customer_accounts.admin.detail.resetPassword.error.minLength', 'Password must be at least 8 characters'), 'error')\n      return\n    }\n    setIsSubmitting(true)\n    try {\n      await onRunMutation(async () => {\n        const call = await apiCall<{ ok: boolean; error?: string }>(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(userId)}/reset-password`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ newPassword }),\n          },\n        )\n        if (!call.ok) {\n          flash(call.result?.error || t('customer_accounts.admin.detail.resetPassword.error.save', 'Failed to reset password'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.detail.resetPassword.flash.success', 'Password reset successfully'), 'success')\n        setNewPassword('')\n        onOpenChange(false)\n      })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.detail.resetPassword.error.save', 'Failed to reset password')\n      flash(message, 'error')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }, [newPassword, onOpenChange, onRunMutation, t, userId])\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      const form = (event.target as HTMLElement).closest('form')\n      if (form) form.requestSubmit()\n    }\n  }, [])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) setNewPassword(''); onOpenChange(next) }}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{t('customer_accounts.admin.detail.resetPassword.title', 'Reset Password')}</DialogTitle>\n        </DialogHeader>\n        <form onSubmit={(event) => { void handleSubmit(event) }} onKeyDown={handleKeyDown} className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"reset-password\">\n              {t('customer_accounts.admin.detail.resetPassword.fields.newPassword', 'New Password')}\n            </label>\n            <input\n              id=\"reset-password\"\n              type=\"password\"\n              required\n              minLength={8}\n              value={newPassword}\n              onChange={(event) => setNewPassword(event.target.value)}\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n              placeholder={t('customer_accounts.admin.detail.resetPassword.fields.placeholder', 'Min. 8 characters')}\n            />\n          </div>\n          <div className=\"flex justify-end gap-2 pt-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={() => { setNewPassword(''); onOpenChange(false) }}>\n              {t('customer_accounts.admin.detail.resetPassword.actions.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={isSubmitting}>\n              {isSubmitting\n                ? t('customer_accounts.admin.detail.resetPassword.actions.resetting', 'Resetting...')\n                : t('customer_accounts.admin.detail.resetPassword.actions.reset', 'Reset Password')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default function CustomerUserDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [data, setData] = React.useState<UserDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [editActive, setEditActive] = React.useState<boolean | null>(null)\n  const [editDisplayName, setEditDisplayName] = React.useState('')\n  const [availableRoles, setAvailableRoles] = React.useState<Array<{ id: string; name: string }>>([])\n  const [selectedRoleIds, setSelectedRoleIds] = React.useState<string[]>([])\n  const [resetPasswordOpen, setResetPasswordOpen] = React.useState(false)\n  const [isVerifying, setIsVerifying] = React.useState(false)\n\n  const mutationContextId = `customer_accounts:user:${id ?? 'pending'}`\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    entityType: string\n    entityId?: string\n  }>({\n    contextId: mutationContextId,\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:user', entityId: id },\n      })\n    },\n    [id, runMutation],\n  )\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('customer_accounts.admin.detail.error.notFound', 'User not found'))\n      setIsLoading(false)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const payload = await readApiResultOrThrow<UserDetail>(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(id!)}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.detail.error.load', 'Failed to load user') },\n        )\n        if (cancelled) return\n        setData(payload)\n        setEditActive(payload.isActive)\n        setEditDisplayName(payload.displayName)\n        setSelectedRoleIds(payload.roles.map((role) => role.id))\n      } catch (err) {\n        if (cancelled) return\n        const message = err instanceof Error ? err.message : t('customer_accounts.admin.detail.error.load', 'Failed to load user')\n        setError(message)\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadRoles() {\n      try {\n        const call = await apiCall<{ items?: Array<{ id: string; name: string }> }>(\n          '/api/customer_accounts/admin/roles?pageSize=100',\n        )\n        if (cancelled || !call.ok) return\n        const items = Array.isArray(call.result?.items) ? call.result!.items : []\n        setAvailableRoles(\n          items.filter((item) => typeof item?.id === 'string' && typeof item?.name === 'string'),\n        )\n      } catch {\n        // silently ignore role loading failures\n      }\n    }\n    loadRoles()\n    return () => { cancelled = true }\n  }, [])\n\n  const handleSave = React.useCallback(async () => {\n    if (!data || !id) return\n    setIsSaving(true)\n    try {\n      await runMutationWithContext(async () => {\n        const call = await apiCall<{ ok: boolean; error?: string }>(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,\n          {\n            method: 'PUT',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({\n              displayName: editDisplayName.trim() || undefined,\n              isActive: editActive,\n              roleIds: selectedRoleIds,\n            }),\n          },\n        )\n        if (!call.ok) {\n          flash(call.result?.error || t('customer_accounts.admin.detail.error.save', 'Failed to save user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.detail.flash.saved', 'User updated'), 'success')\n        setData((prev) => prev ? {\n          ...prev,\n          isActive: editActive ?? prev.isActive,\n          displayName: editDisplayName.trim() || prev.displayName,\n        } : prev)\n      }, { displayName: editDisplayName, isActive: editActive, roleIds: selectedRoleIds })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.detail.error.save', 'Failed to save user')\n      flash(message, 'error')\n    } finally {\n      setIsSaving(false)\n    }\n  }, [data, editActive, editDisplayName, id, runMutationWithContext, selectedRoleIds, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!data || !id) return\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.confirm.delete', 'Delete user \"{{name}}\"?', {\n        name: data.displayName || data.email,\n      }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await apiCall(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,\n          { method: 'DELETE' },\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.error.delete', 'Failed to delete user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.flash.deleted', 'User deleted'), 'success')\n        router.push('/backend/customer_accounts')\n      }, { id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.delete', 'Failed to delete user')\n      flash(message, 'error')\n    }\n  }, [confirm, data, id, router, runMutationWithContext, t])\n\n  const handleVerifyEmail = React.useCallback(async () => {\n    if (!data || !id) return\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.detail.verifyEmail.confirm', 'Mark email as verified for \"{{name}}\"?', {\n        name: data.displayName || data.email,\n      }),\n    })\n    if (!confirmed) return\n    setIsVerifying(true)\n    try {\n      await runMutationWithContext(async () => {\n        const call = await apiCall<{ ok: boolean; error?: string }>(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}/verify-email`,\n          { method: 'POST' },\n        )\n        if (!call.ok) {\n          flash(call.result?.error || t('customer_accounts.admin.detail.verifyEmail.error', 'Failed to verify email'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.detail.verifyEmail.flash.success', 'Email marked as verified'), 'success')\n        setData((prev) => prev ? { ...prev, emailVerifiedAt: new Date().toISOString() } : prev)\n      }, { id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.detail.verifyEmail.error', 'Failed to verify email')\n      flash(message, 'error')\n    } finally {\n      setIsVerifying(false)\n    }\n  }, [confirm, data, id, runMutationWithContext, t])\n\n  const handleRevokeSession = React.useCallback(async (sessionId: string) => {\n    if (!id) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await apiCall(\n          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}/sessions/${encodeURIComponent(sessionId)}`,\n          { method: 'DELETE' },\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.detail.error.revokeSession', 'Failed to revoke session'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.detail.flash.sessionRevoked', 'Session revoked'), 'success')\n        setData((prev) => {\n          if (!prev) return prev\n          return { ...prev, sessions: prev.sessions.filter((session) => session.id !== sessionId) }\n        })\n      }, { sessionId })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.detail.error.revokeSession', 'Failed to revoke session')\n      flash(message, 'error')\n    }\n  }, [id, runMutationWithContext, t])\n\n  const handleRoleToggle = React.useCallback((roleId: string) => {\n    setSelectedRoleIds((prev) =>\n      prev.includes(roleId)\n        ? prev.filter((existingId) => existingId !== roleId)\n        : [...prev, roleId],\n    )\n  }, [])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('customer_accounts.admin.detail.loading', 'Loading user...')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <p>{error || t('customer_accounts.admin.detail.error.notFound', 'User not found')}</p>\n            <Button asChild variant=\"outline\">\n              <Link href=\"/backend/customer_accounts\">\n                {t('customer_accounts.admin.detail.actions.backToList', 'Back to list')}\n              </Link>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <FormHeader\n          mode=\"detail\"\n          backHref=\"/backend/customer_accounts\"\n          backLabel={t('customer_accounts.admin.detail.actions.backToList', 'Back to list')}\n          title={data.displayName}\n          subtitle={data.email}\n          onDelete={() => { void handleDelete() }}\n          deleteLabel={t('customer_accounts.admin.detail.actions.delete', 'Delete')}\n        />\n\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-lg border p-4 space-y-3\">\n            <h2 className=\"text-sm font-semibold\">{t('customer_accounts.admin.detail.sections.info', 'User Information')}</h2>\n            <dl className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.email', 'Email')}</dt>\n                <dd>{data.email}</dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.emailVerified', 'Email Verified')}</dt>\n                <dd className=\"flex items-center gap-2\">\n                  <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n                    data.emailVerifiedAt\n                      ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'\n                      : 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200'\n                  }`}>\n                    {data.emailVerifiedAt\n                      ? t('customer_accounts.admin.verified', 'Yes')\n                      : t('customer_accounts.admin.unverified', 'No')}\n                  </span>\n                  {!data.emailVerifiedAt && (\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      onClick={() => { void handleVerifyEmail() }}\n                      disabled={isVerifying}\n                    >\n                      {isVerifying\n                        ? t('customer_accounts.admin.detail.verifyEmail.actions.verifying', 'Verifying...')\n                        : t('customer_accounts.admin.detail.verifyEmail.actions.verify', 'Mark Verified')}\n                    </Button>\n                  )}\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.lastLogin', 'Last Login')}</dt>\n                <dd>{formatDate(data.lastLoginAt, '-')}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.createdAt', 'Created')}</dt>\n                <dd>{formatDate(data.createdAt, '-')}</dd>\n              </div>\n            </dl>\n          </div>\n\n          <div className=\"rounded-lg border p-4 space-y-3\">\n            <h2 className=\"text-sm font-semibold\">{t('customer_accounts.admin.detail.sections.crmLinks', 'CRM Links')}</h2>\n            <dl className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.personEntity', 'Linked Person')}</dt>\n                <dd>\n                  {data.personEntityId ? (\n                    <Link href={`/backend/customers/people/${data.personEntityId}`} className=\"text-primary hover:underline\">\n                      {t('customer_accounts.admin.detail.actions.viewPerson', 'View')}\n                    </Link>\n                  ) : (\n                    <span className=\"text-muted-foreground\">-</span>\n                  )}\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">{t('customer_accounts.admin.detail.fields.customerEntity', 'Linked Company')}</dt>\n                <dd>\n                  {data.customerEntityId ? (\n                    <Link href={`/backend/customers/companies/${data.customerEntityId}`} className=\"text-primary hover:underline\">\n                      {t('customer_accounts.admin.detail.actions.viewCompany', 'View')}\n                    </Link>\n                  ) : (\n                    <span className=\"text-muted-foreground\">-</span>\n                  )}\n                </dd>\n              </div>\n            </dl>\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border p-4 space-y-4\">\n          <h2 className=\"text-sm font-semibold\">{t('customer_accounts.admin.detail.sections.settings', 'Account Settings')}</h2>\n          <div className=\"space-y-3\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\" htmlFor=\"user-display-name\">\n                {t('customer_accounts.admin.detail.fields.displayName', 'Display Name')}\n              </label>\n              <input\n                id=\"user-display-name\"\n                type=\"text\"\n                value={editDisplayName}\n                onChange={(event) => setEditDisplayName(event.target.value)}\n                className=\"flex h-9 w-full max-w-sm rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n              />\n            </div>\n\n            <div className=\"flex items-center gap-3\">\n              <label className=\"text-sm font-medium\" htmlFor=\"user-active-toggle\">\n                {t('customer_accounts.admin.detail.fields.isActive', 'Active')}\n              </label>\n              <button\n                id=\"user-active-toggle\"\n                type=\"button\"\n                role=\"switch\"\n                aria-checked={editActive ?? data.isActive}\n                onClick={() => setEditActive((prev) => !(prev ?? data.isActive))}\n                className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${\n                  (editActive ?? data.isActive) ? 'bg-primary' : 'bg-muted'\n                }`}\n              >\n                <span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${\n                  (editActive ?? data.isActive) ? 'translate-x-6' : 'translate-x-1'\n                }`} />\n              </button>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-sm font-medium\">{t('customer_accounts.admin.detail.fields.roles', 'Roles')}</p>\n              <div className=\"flex flex-wrap gap-2\">\n                {availableRoles.map((role) => {\n                  const isSelected = selectedRoleIds.includes(role.id)\n                  return (\n                    <button\n                      key={role.id}\n                      type=\"button\"\n                      onClick={() => handleRoleToggle(role.id)}\n                      className={`rounded-full border px-3 py-1 text-xs font-medium transition-colors ${\n                        isSelected\n                          ? 'border-primary bg-primary/10 text-primary'\n                          : 'border-border bg-background text-muted-foreground hover:bg-muted'\n                      }`}\n                    >\n                      {role.name}\n                    </button>\n                  )\n                })}\n                {availableRoles.length === 0 && (\n                  <span className=\"text-sm text-muted-foreground\">\n                    {t('customer_accounts.admin.detail.noRolesAvailable', 'No roles available')}\n                  </span>\n                )}\n              </div>\n            </div>\n\n            <div className=\"pt-2\">\n              <Button onClick={() => { void handleSave() }} disabled={isSaving}>\n                {isSaving\n                  ? t('customer_accounts.admin.detail.actions.saving', 'Saving...')\n                  : t('customer_accounts.admin.detail.actions.save', 'Save Changes')}\n              </Button>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border p-4 space-y-3\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-sm font-semibold\">{t('customer_accounts.admin.detail.sections.security', 'Security')}</h2>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" onClick={() => setResetPasswordOpen(true)}>\n              {t('customer_accounts.admin.detail.resetPassword.actions.open', 'Reset Password')}\n            </Button>\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border p-4 space-y-3\">\n          <h2 className=\"text-sm font-semibold\">\n            {t('customer_accounts.admin.detail.sections.sessions', 'Active Sessions')}\n            {data.sessions.length > 0 && (\n              <span className=\"ml-2 text-xs font-normal text-muted-foreground\">({data.sessions.length})</span>\n            )}\n          </h2>\n          {data.sessions.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('customer_accounts.admin.detail.noSessions', 'No active sessions')}\n            </p>\n          ) : (\n            <div className=\"divide-y\">\n              {data.sessions.map((session) => (\n                <div key={session.id} className=\"flex items-center justify-between py-2 text-sm\">\n                  <div className=\"space-y-0.5\">\n                    <p className=\"font-medium\">\n                      {session.ipAddress || t('customer_accounts.admin.detail.unknownIp', 'Unknown IP')}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground truncate max-w-xs\">\n                      {session.userAgent || t('customer_accounts.admin.detail.unknownDevice', 'Unknown device')}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('customer_accounts.admin.detail.fields.lastUsed', 'Last used')}: {formatDate(session.lastUsedAt, '-')}\n                    </p>\n                  </div>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() => { void handleRevokeSession(session.id) }}\n                  >\n                    {t('customer_accounts.admin.detail.actions.revoke', 'Revoke')}\n                  </Button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        <ResetPasswordDialog\n          open={resetPasswordOpen}\n          onOpenChange={setResetPasswordOpen}\n          userId={id!}\n          onRunMutation={runMutationWithContext}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customer_accounts/backend/customer_accounts/[id]/page.meta.js

@@ -0,0 +1,15 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["customer_accounts.view"],
+  pageTitle: "Customer User Detail",
+  pageTitleKey: "customer_accounts.nav.user_detail",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Customer Accounts", labelKey: "customer_accounts.nav.users", href: "/backend/customer_accounts" },
+    { label: "User Detail", labelKey: "customer_accounts.nav.user_detail" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/customer_accounts/backend/customer_accounts/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['customer_accounts.view'],\n  pageTitle: 'Customer User Detail',\n  pageTitleKey: 'customer_accounts.nav.user_detail',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Customer Accounts', labelKey: 'customer_accounts.nav.users', href: '/backend/customer_accounts' },\n    { label: 'User Detail', labelKey: 'customer_accounts.nav.user_detail' },\n  ],\n} as const\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,wBAAwB;AAAA,EAC1C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,qBAAqB,UAAU,+BAA+B,MAAM,6BAA6B;AAAA,IAC1G,EAAE,OAAO,eAAe,UAAU,oCAAoC;AAAA,EACxE;AACF;",
+  "names": []
+}