@cellarnode/ui 0.183.0 → 0.185.0

package/dist/profile/user-information-card.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Building2Icon, SquarePenIcon } from "lucide-react";
+import { Avatar } from "../components/avatar.js";
+import { Badge } from "../components/badge.js";
+import { Button } from "../components/button.js";
+import { cn } from "../lib/utils.js";
+import { ProfileActions, ProfileCard, ProfileInfoGrid, ProfileInfoItem } from "./profile.js";
+const DEFAULT_LABELS = {
+    title: "User Information",
+    description: "Your account identity and access details.",
+    role: "Role",
+    organisation: "Organisation",
+    accountId: "Account ID",
+    phone: "Phone",
+    editAccount: "Edit Account",
+    notSet: "Not set",
+    noEmail: "No email available",
+    unnamedUser: "User",
+    loading: "Loading...",
+    unknownRole: "Unknown",
+};
+const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+/** Initials from a display name: first letters of the first two words. */
+export function deriveInitials(name) {
+    const parts = (name ?? "").trim().split(/\s+/).filter(Boolean).slice(0, 2);
+    return (parts
+        .map((part) => part[0])
+        .join("")
+        .toUpperCase() || "?");
+}
+/** @internal Trimmed text or null. */
+export function present(value) {
+    const trimmed = value?.trim();
+    return trimmed ? trimmed : null;
+}
+/** @internal The trimmed organisation name or null. Warns in development when it looks like an id. */
+export function safeOrganisationName(value) {
+    const org = present(value);
+    if (org && process.env.NODE_ENV !== "production" && UUID_RE.test(org)) {
+        console.warn("[@cellarnode/ui/profile] `organisationName` looks like an id. Pass the organisation NAME.");
+    }
+    return org;
+}
+/** @internal Producer's formatRole: first letter capitalised. */
+export function formatRoleLabel(role, unknown) {
+    const value = present(role);
+    return value ? value.charAt(0).toUpperCase() + value.slice(1) : unknown;
+}
+/**
+ * The "User Information" card of the personal profile page (CEL-2126).
+ * Producer's card: avatar, name, email, role badge, organisation name,
+ * account id, an optional phone and an optional Edit Account action.
+ */
+export function UserInformationCard({ name, email, avatarUrl, initials, role, organisationName, accountId, phone, onEdit, isLoading = false, labels, className, }) {
+    const l = { ...DEFAULT_LABELS, ...labels };
+    const displayName = present(name) ?? l.unnamedUser;
+    const org = safeOrganisationName(organisationName);
+    const phoneText = present(phone);
+    const hasPhoneRow = phone !== undefined;
+    const footer = onEdit ? (_jsx(ProfileActions, { children: _jsxs(Button, { color: "brand", onClick: onEdit, children: [_jsx(SquarePenIcon, { className: "size-4", "aria-hidden": "true" }), l.editAccount] }) })) : undefined;
+    return (_jsxs(ProfileCard, { title: l.title, description: l.description, footer: footer, className: cn(className), children: [_jsxs("div", { className: "mb-5 flex min-w-0 items-center gap-4", children: [_jsx(Avatar, { src: avatarUrl, square: true, initials: initials ?? deriveInitials(displayName), alt: displayName, className: "size-14 rounded-full bg-primary/15 text-primary" }), _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("p", { className: "break-words text-base font-semibold text-foreground", children: isLoading ? l.loading : displayName }), _jsx("p", { className: "break-words text-sm text-muted-foreground", children: present(email) ?? l.noEmail })] })] }), _jsxs(ProfileInfoGrid, { children: [_jsx(ProfileInfoItem, { label: l.role, children: _jsx(Badge, { color: "zinc", className: "bg-primary/10 text-primary", children: formatRoleLabel(role, l.unknownRole) }) }), _jsx(ProfileInfoItem, { label: l.organisation, children: _jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx(Building2Icon, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }), _jsx("span", { className: "min-w-0 break-words", children: org ?? l.notSet })] }) }), hasPhoneRow ? (_jsx(ProfileInfoItem, { label: l.phone, colSpan: "full", children: _jsx("span", { className: "break-words", children: phoneText ?? l.notSet }) })) : null, _jsx(ProfileInfoItem, { label: l.accountId, colSpan: "full", children: _jsx("span", { className: "break-all font-mono text-sm text-foreground", children: present(accountId) ?? "-" }) })] })] }));
+}
+//# sourceMappingURL=user-information-card.js.map

package/dist/profile/user-information-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-information-card.js","sourceRoot":"","sources":["../../src/profile/user-information-card.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.183.0",
+  "version": "0.185.0",
   "type": "module",
   "private": false,
   "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",