@collabdt/core 0.0.40

package/dist/core/components/viewers/Data/userDetails/UserDetails.js

@@ -0,0 +1,464 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useSession } from "next-auth/react";
+import { usePermissions } from "../../../../store";
+import * as LR from "lucide-react";
+import { useCreateUser, useUserRole } from "../../../../hooks/users/users";
+import { mutate } from "swr";
+import { useOrganizationRoles } from "../../../../hooks/organizations/organizations";
+import { DescriptionListItem } from "../../../ui/DescriptionList";
+import { Separator } from "../../../ui/Separator";
+import { Input } from "../../../ui/Input";
+import { Badge } from "../../../ui/Badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../ui/Select";
+import { toast } from "sonner";
+import FieldValue from "../details/FieldValue";
+import { UserAvatar } from "../../../ui/UserAvatar";
+import { useUploadFileToUser } from "../../../../hooks/files/files";
+import { useTranslations } from "next-intl";
+import { getFileExtension } from "../../../../utils/utils";
+import { RoleNames } from "../../../../types/global";
+const UserDetails = React.forwardRef(({
+  selectedUser,
+  setSelectedUser,
+  editing = false,
+  setEditing,
+  setActiveChanges,
+  hideTitle,
+  onDelete,
+  onCreated
+}, ref) => {
+  var _a, _b, _c, _d;
+  const t = useTranslations("UserDetails");
+  const { ability } = usePermissions();
+  const normalizeRoleName = (role) => (role || "").toLowerCase();
+  const capitalizeFirstLetter = (str) => {
+    if (!str) return str;
+    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+  };
+  const getRoleLabel = (role) => {
+    const normalizedRole = normalizeRoleName(role);
+    if (normalizedRole === RoleNames.admin) return t("roles.admin");
+    if (normalizedRole === RoleNames.user) return t("roles.user");
+    if (normalizedRole === RoleNames.viewer) return t("roles.viewer");
+    return capitalizeFirstLetter(role);
+  };
+  const { data: session } = useSession();
+  const { userRole: selectedUserRole } = useUserRole((selectedUser == null ? void 0 : selectedUser.id) && selectedUser.id > 0 ? String(selectedUser.id) : "");
+  const { createUser } = useCreateUser();
+  const { organizationRoles } = useOrganizationRoles(((_a = session == null ? void 0 : session.user) == null ? void 0 : _a.organizationId) ? String((_b = session == null ? void 0 : session.user) == null ? void 0 : _b.organizationId) : null);
+  const isNewUser = !!selectedUser && selectedUser.id < 0;
+  const { uploadFile: uploadUserImage } = useUploadFileToUser((selectedUser == null ? void 0 : selectedUser.id) && selectedUser.id > 0 ? selectedUser.id : 0);
+  const [editingValues, setEditingValues] = React.useState({});
+  const [imagePreviewUrl, setImagePreviewUrl] = React.useState(null);
+  const [selectedRole, setSelectedRole] = React.useState("");
+  const [passwordErrors, setPasswordErrors] = React.useState([]);
+  const [roleError, setRoleError] = React.useState("");
+  const [showPassword, setShowPassword] = React.useState(false);
+  const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d\s])[^\s]{12,65}$/;
+  const validatePassword = (pwd) => {
+    if (!pwd) return [t("errors.passwordRequired")];
+    if (!passwordRegex.test(pwd)) return [t("errors.weakPassword")];
+    return [];
+  };
+  const roleName = (selectedUserRole == null ? void 0 : selectedUserRole.name) || "";
+  const roleOptions = Array.from(new Set([
+    ...Object.values(RoleNames),
+    normalizeRoleName(roleName)
+  ].filter(Boolean)));
+  React.useEffect(() => {
+    setEditingValues({});
+    setActiveChanges == null ? void 0 : setActiveChanges(false);
+    setSelectedRole(normalizeRoleName(roleName) || "");
+    setPasswordErrors([]);
+    setRoleError("");
+    setShowPassword(false);
+    setImagePreviewUrl(null);
+  }, [selectedUser == null ? void 0 : selectedUser.id]);
+  React.useEffect(() => {
+    return () => {
+      if (imagePreviewUrl) URL.revokeObjectURL(imagePreviewUrl);
+    };
+  }, [imagePreviewUrl]);
+  const handleInputChange = (key, value) => {
+    setEditingValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      [key]: value
+    }));
+    setActiveChanges == null ? void 0 : setActiveChanges(true);
+    if (isNewUser && key === "name" && setSelectedUser) {
+      setSelectedUser(__spreadProps(__spreadValues({}, selectedUser), { name: value }));
+    }
+  };
+  const getFieldValue = (property) => {
+    return Object.prototype.hasOwnProperty.call(editingValues, property) ? editingValues[property] : selectedUser == null ? void 0 : selectedUser[property];
+  };
+  const handleSaveChanges = async () => {
+    var _a2;
+    if (!selectedUser) return;
+    try {
+      if (isNewUser) {
+        const name = String(editingValues.name || "").trim();
+        const email = String(editingValues.email || "").trim();
+        const password = String(editingValues.password || "").trim();
+        if (!name || !email) {
+          toast.error(t("errors.nameEmailRequired"));
+          return;
+        }
+        if (!selectedRole) {
+          setRoleError(t("errors.roleRequired"));
+          return;
+        }
+        const pwdErrors = validatePassword(password);
+        if (pwdErrors.length > 0) {
+          setPasswordErrors(pwdErrors);
+          return;
+        }
+        const roleObj = organizationRoles == null ? void 0 : organizationRoles.find((r) => r.name.toLowerCase() === selectedRole.toLowerCase());
+        if (!roleObj) {
+          setRoleError(t("errors.roleRequired"));
+          return;
+        }
+        await createUser({
+          userData: {
+            name,
+            email,
+            password,
+            roleId: roleObj.id
+          }
+        });
+        setEditingValues({});
+        setEditing == null ? void 0 : setEditing(false);
+        setActiveChanges == null ? void 0 : setActiveChanges(false);
+        toast.success(t("success.userCreated"));
+        onCreated == null ? void 0 : onCreated();
+      } else {
+        const payload = __spreadValues({}, editingValues);
+        delete payload.password;
+        const originalRole = normalizeRoleName(roleName) || "";
+        if (selectedRole && selectedRole !== originalRole) {
+          payload.role = selectedRole;
+        }
+        if (Object.keys(payload).length === 0) return;
+        const res = await fetch(
+          `/api/users/${selectedUser.id}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          }
+        );
+        if (!res.ok) {
+          const text = await res.text();
+          throw new Error(text || t("errors.updateUserFailed"));
+        }
+        const data = await res.json();
+        const updatedUser = (_a2 = data == null ? void 0 : data.user) != null ? _a2 : data;
+        if (updatedUser && setSelectedUser) {
+          setSelectedUser(__spreadValues(__spreadValues({}, selectedUser), updatedUser));
+        }
+        mutate(["users"]);
+        mutate(["user", String(selectedUser.id)]);
+        setEditingValues({});
+        setEditing == null ? void 0 : setEditing(false);
+        setActiveChanges == null ? void 0 : setActiveChanges(false);
+        toast.success(t("success.userUpdated"));
+      }
+    } catch (error) {
+      if ((error == null ? void 0 : error.status) !== 401) {
+        toast.error(t("errors.saveChangesFailed"));
+      }
+    }
+  };
+  React.useImperativeHandle(ref, () => ({
+    saveChanges: handleSaveChanges
+  }), [selectedUser, editingValues, selectedRole]);
+  const renderInputField = (label, property, type = "text") => {
+    const value = getFieldValue(property);
+    const displayValue = value instanceof Date ? value.toISOString() : value != null ? value : "";
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type,
+          value: displayValue,
+          onChange: (e) => {
+            const next = type === "number" ? e.target.value === "" ? null : Number(e.target.value) : e.target.value;
+            handleInputChange(property, next);
+          },
+          disabled: !ability.can("update", "Role")
+        }
+      )
+    ] });
+  };
+  const renderFieldRow = (label, property) => {
+    const value = getFieldValue(property);
+    return /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label, children: /* @__PURE__ */ jsx(
+      FieldValue,
+      {
+        value,
+        label,
+        property: String(property),
+        editing
+      }
+    ) });
+  };
+  const handleImageUpload = async (file) => {
+    if (!(selectedUser == null ? void 0 : selectedUser.id) || selectedUser.id <= 0) return;
+    const objectUrl = URL.createObjectURL(file);
+    setImagePreviewUrl(objectUrl);
+    try {
+      const assetId = crypto.randomUUID();
+      const presignedRes = await fetch(`/api/presigned-url-upload?asset=${assetId}`);
+      if (!presignedRes.ok) throw new Error("Failed to fetch presigned URL");
+      const { presignedUrl } = await presignedRes.json();
+      const uploadRes = await fetch(presignedUrl, {
+        method: "PUT",
+        body: file,
+        headers: { "Content-Type": file.type }
+      });
+      if (!uploadRes.ok) throw new Error("Failed to upload image");
+      await uploadUserImage({
+        fileData: {
+          name: file.name,
+          mimeType: file.type,
+          extension: getFileExtension(file),
+          sizeBytes: file.size,
+          tag: "user",
+          assetId,
+          uploadedAt: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      });
+      setImagePreviewUrl(null);
+      toast.success(t("success.imageUpdated"));
+    } catch (e) {
+      setImagePreviewUrl(null);
+      toast.error(t("errors.uploadImageFailed"));
+    }
+  };
+  if (!selectedUser) return null;
+  if (isNewUser) {
+    const newUserField = (label, key, type = "text") => {
+      var _a2;
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type,
+            value: String((_a2 = editingValues[key]) != null ? _a2 : ""),
+            onChange: (e) => handleInputChange(key, e.target.value),
+            disabled: !ability.can("update", "Role"),
+            autoComplete: "off"
+          }
+        )
+      ] });
+    };
+    return /* @__PURE__ */ jsx("div", { className: "p-6 max-w-md", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      newUserField(t("fields.name"), "name"),
+      newUserField(t("fields.email"), "email", "email"),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.role") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: selectedRole,
+            onValueChange: (value) => {
+              setSelectedRole(value);
+              setRoleError("");
+              setActiveChanges == null ? void 0 : setActiveChanges(true);
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("roleSelectPlaceholder") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: roleOptions.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role, children: getRoleLabel(role) }, role)) })
+            ]
+          }
+        ),
+        roleError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: roleError })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.password") }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: showPassword ? "text" : "password",
+              value: String((_c = editingValues.password) != null ? _c : ""),
+              onChange: (e) => {
+                const val = e.target.value;
+                handleInputChange("password", val);
+                setPasswordErrors(val ? validatePassword(val) : []);
+              },
+              className: "pr-10",
+              autoComplete: "new-password"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+              onClick: () => setShowPassword((prev) => !prev),
+              children: showPassword ? /* @__PURE__ */ jsx(LR.EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(LR.Eye, { className: "size-4" })
+            }
+          )
+        ] }),
+        editingValues.password && (passwordErrors.length > 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: passwordErrors[0] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-green-600", children: t("passwordStrong") }))
+      ] })
+    ] }) });
+  }
+  if (isNewUser) {
+    return /* @__PURE__ */ jsx("div", { className: "p-6 max-w-md", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      renderInputField(t("fields.name"), "name"),
+      renderInputField(t("fields.email"), "email", "email"),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.role") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: selectedRole,
+            onValueChange: (value) => {
+              setSelectedRole(value);
+              setRoleError("");
+              setActiveChanges == null ? void 0 : setActiveChanges(true);
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("roleSelectPlaceholder") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: roleOptions.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role, children: getRoleLabel(role) }, role)) })
+            ]
+          }
+        ),
+        roleError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: roleError })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.password") }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: showPassword ? "text" : "password",
+              value: String((_d = editingValues.password) != null ? _d : ""),
+              onChange: (e) => {
+                const val = e.target.value;
+                handleInputChange("password", val);
+                setPasswordErrors(val ? validatePassword(val) : []);
+              },
+              className: "pr-10"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+              onClick: () => setShowPassword((prev) => !prev),
+              children: showPassword ? /* @__PURE__ */ jsx(LR.EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(LR.Eye, { className: "size-4" })
+            }
+          )
+        ] }),
+        passwordErrors.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: passwordErrors[0] })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2 p-6 h-full overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+    !hideTitle && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pb-2 px-6", children: /* @__PURE__ */ jsx("p", { className: "text-xl text-foreground font-semibold", children: t("title") }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 px-6 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 pt-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base mb-3 text-foreground", children: t("sections.account") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row md:items-center gap-10", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-2 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-32 h-32 bg-muted border-2 rounded-lg overflow-hidden relative group", children: /* @__PURE__ */ jsxs("label", { className: `block w-full h-full ${editing ? "cursor-pointer" : "cursor-default"}`, children: [
+            /* @__PURE__ */ jsx(
+              UserAvatar,
+              {
+                imageFileId: selectedUser == null ? void 0 : selectedUser.imageFileId,
+                name: selectedUser == null ? void 0 : selectedUser.name,
+                className: "w-full h-full object-cover",
+                previewSrc: imagePreviewUrl
+              }
+            ),
+            editing && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 transition-opacity flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: " p-4 flex items-center justify-center group-hover:scale-110 transition-transform", title: t("imageChangeTitle"), children: /* @__PURE__ */ jsx(LR.Edit, { className: "size-5 m-1 text-foreground text-primary-light" }) }) }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "file",
+                  accept: "image/*",
+                  title: t("imageChangeTitle"),
+                  className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
+                  onChange: (e) => {
+                    var _a2;
+                    const file = ((_a2 = e.target.files) == null ? void 0 : _a2[0]) || null;
+                    if (!file) return;
+                    handleImageUpload(file);
+                  },
+                  disabled: !ability.can("update", "Role")
+                }
+              )
+            ] })
+          ] }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border", children: [
+              editing ? renderInputField(t("fields.name"), "name") : renderFieldRow(t("fields.name"), "name"),
+              renderFieldRow(t("fields.email"), "email")
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label: t("fields.role"), children: editing ? /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: selectedRole,
+                onValueChange: (value) => {
+                  setSelectedRole(value);
+                  setActiveChanges == null ? void 0 : setActiveChanges(true);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("roleSelectPlaceholder") }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: roleOptions.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role, children: getRoleLabel(role) }, role)) })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: roleName ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "font-medium", children: getRoleLabel(roleName) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("roleEmptyValue") }) }) }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base mb-3 text-foreground", children: t("sections.status") }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border", children: renderFieldRow(t("fields.createdAt"), "createdAt") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border", children: [
+          renderFieldRow(t("fields.updatedAt"), "updatedAt"),
+          /* @__PURE__ */ jsx("div", { className: "hidden md:block" })
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+});
+UserDetails.displayName = "UserDetails";
+var UserDetails_default = UserDetails;
+export {
+  UserDetails_default as default
+};
+//# sourceMappingURL=UserDetails.js.map

package/dist/core/components/viewers/Data/userDetails/UserDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/userDetails/UserDetails.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { usePermissions } from '../../../../store'\r\nimport type { User } from '../../../../types/dbTypes'\r\nimport * as LR from 'lucide-react'\r\n\r\n// Custom hooks\r\nimport { useCreateUser, useUserRole } from '../../../../hooks/users/users'\r\nimport { mutate } from 'swr'\r\nimport { useOrganizationRoles } from '../../../../hooks/organizations/organizations'\r\n\r\n// Shadcn Components\r\nimport { DescriptionListItem } from '../../../ui/DescriptionList'\r\nimport { Separator } from '../../../ui/Separator'\r\nimport { Input } from '../../../ui/Input'\r\nimport { Badge } from '../../../ui/Badge'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../ui/Select'\r\nimport { toast } from 'sonner'\r\n\r\n// Custom Components\r\nimport FieldValue from '../details/FieldValue'\r\nimport { UserAvatar } from '../../../ui/UserAvatar'\r\nimport { useUploadFileToUser } from '../../../../hooks/files/files'\r\nimport { useTranslations } from 'next-intl'\r\nimport { getFileExtension } from '../../../../utils/utils'\r\nimport { RoleNames } from '../../../../types/global'\r\n\r\ntype UserEditingValues = Partial<User> & {\r\n  password?: string\r\n}\r\n\r\ninterface UserDetailsProps {\r\n  selectedUser?: Partial<User>\r\n  setSelectedUser?: (user: User) => void\r\n  editing?: boolean\r\n  setEditing?: (editing: boolean) => void\r\n  setActiveChanges?: (editing: boolean) => void\r\n  users?: User[]\r\n  hideTitle?: boolean\r\n  onDelete?: () => void\r\n  onCreated?: () => void\r\n}\r\n\r\n// Create a ref type for the component\r\nexport type UserDetailsRef = {\r\n  saveChanges: () => Promise<void>\r\n}\r\n\r\nconst UserDetails = React.forwardRef<UserDetailsRef, UserDetailsProps>(({\r\n  selectedUser,\r\n  setSelectedUser,\r\n  editing = false,\r\n  setEditing,\r\n  setActiveChanges,\r\n  hideTitle,\r\n  onDelete,\r\n  onCreated,\r\n}, ref) => {\r\n\r\n  const t = useTranslations('UserDetails')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const normalizeRoleName = (role?: string) => (role || '').toLowerCase()\r\n\r\n  const capitalizeFirstLetter = (str: string) => {\r\n    if (!str) return str\r\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\r\n  }\r\n\r\n  const getRoleLabel = (role: string) => {\r\n    const normalizedRole = normalizeRoleName(role)\r\n    if (normalizedRole === RoleNames.admin) return t('roles.admin')\r\n    if (normalizedRole === RoleNames.user) return t('roles.user')\r\n    if (normalizedRole === RoleNames.viewer) return t('roles.viewer')\r\n    return capitalizeFirstLetter(role)\r\n  }\r\n\r\n  const { data: session } = useSession()\r\n  const { userRole: selectedUserRole } = useUserRole(selectedUser?.id && selectedUser.id > 0 ? String(selectedUser.id) : '')\r\n  const { createUser } = useCreateUser()\r\n  const { organizationRoles } = useOrganizationRoles(session?.user?.organizationId ? String(session?.user?.organizationId) : null)\r\n\r\n  const isNewUser = !!selectedUser && selectedUser.id < 0\r\n\r\n  const { uploadFile: uploadUserImage } = useUploadFileToUser(selectedUser?.id && selectedUser.id > 0 ? selectedUser.id : 0)\r\n\r\n  const [editingValues, setEditingValues] = React.useState<UserEditingValues>({})\r\n  const [imagePreviewUrl, setImagePreviewUrl] = React.useState<string | null>(null)\r\n  const [selectedRole, setSelectedRole] = React.useState('')\r\n  const [passwordErrors, setPasswordErrors] = React.useState<string[]>([])\r\n  const [roleError, setRoleError] = React.useState('')\r\n  const [showPassword, setShowPassword] = React.useState(false)\r\n\r\n  const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[^a-zA-Z\\d\\s])[^\\s]{12,65}$/\r\n\r\n  const validatePassword = (pwd: string): string[] => {\r\n    if (!pwd) return [t('errors.passwordRequired')]\r\n    if (!passwordRegex.test(pwd)) return [t('errors.weakPassword')]\r\n    return []\r\n  }\r\n\r\n  const roleName = selectedUserRole?.name || ''\r\n  const roleOptions = Array.from(new Set([\r\n    ...Object.values(RoleNames),\r\n    normalizeRoleName(roleName),\r\n  ].filter(Boolean)))\r\n\r\n  React.useEffect(() => {\r\n    setEditingValues({})\r\n    setActiveChanges?.(false)\r\n    setSelectedRole(normalizeRoleName(roleName) || '')\r\n    setPasswordErrors([])\r\n    setRoleError('')\r\n    setShowPassword(false)\r\n    setImagePreviewUrl(null)\r\n  }, [selectedUser?.id])\r\n\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if (imagePreviewUrl) URL.revokeObjectURL(imagePreviewUrl)\r\n    }\r\n  }, [imagePreviewUrl])\r\n\r\n  const handleInputChange = (key: keyof UserEditingValues, value: any) => {\r\n    setEditingValues(prev => ({\r\n      ...prev,\r\n      [key]: value,\r\n    }))\r\n    setActiveChanges?.(true)\r\n    // Propagate name changes to the parent so the header updates live\r\n    if (isNewUser && key === 'name' && setSelectedUser) {\r\n      setSelectedUser({ ...selectedUser, name: value } as User)\r\n    }\r\n  }\r\n\r\n  const getFieldValue = (property: keyof UserEditingValues) => {\r\n    return Object.prototype.hasOwnProperty.call(editingValues, property)\r\n      ? editingValues[property]\r\n      : selectedUser?.[property as keyof User]\r\n  }\r\n\r\n  const handleSaveChanges = async () => {\r\n    if (!selectedUser) return\r\n\r\n    try {\r\n      if (isNewUser) {\r\n        const name = String(editingValues.name || '').trim()\r\n        const email = String(editingValues.email || '').trim()\r\n        const password = String(editingValues.password || '').trim()\r\n\r\n        if (!name || !email) {\r\n          toast.error(t('errors.nameEmailRequired'))\r\n          return\r\n        }\r\n\r\n        if (!selectedRole) {\r\n          setRoleError(t('errors.roleRequired'))\r\n          return\r\n        }\r\n\r\n        const pwdErrors = validatePassword(password)\r\n        if (pwdErrors.length > 0) {\r\n          setPasswordErrors(pwdErrors)\r\n          return\r\n        }\r\n\r\n        const roleObj = organizationRoles?.find(r => r.name.toLowerCase() === selectedRole.toLowerCase())\r\n        if (!roleObj) {\r\n          setRoleError(t('errors.roleRequired'))\r\n          return\r\n        }\r\n\r\n        await createUser({\r\n          userData: {\r\n            name,\r\n            email,\r\n            password,\r\n            roleId: roleObj.id,\r\n          },\r\n        })\r\n\r\n        setEditingValues({})\r\n        setEditing?.(false)\r\n        setActiveChanges?.(false)\r\n        toast.success(t('success.userCreated'))\r\n        onCreated?.()\r\n      }\r\n      else {\r\n        const payload: Partial<User> = { ...editingValues }\r\n        delete (payload as UserEditingValues).password\r\n\r\n        // Include the role if it has changed\r\n        const originalRole = normalizeRoleName(roleName) || ''\r\n        if (selectedRole && selectedRole !== originalRole) {\r\n          (payload as any).role = selectedRole\r\n        }\r\n\r\n        if (Object.keys(payload).length === 0) return\r\n\r\n        const res = await fetch(`/api/users/${selectedUser.id}`,\r\n          {\r\n            method: 'PATCH',\r\n            headers: { 'Content-Type': 'application/json' },\r\n            body: JSON.stringify(payload),\r\n          },\r\n        )\r\n\r\n        if (!res.ok) {\r\n          const text = await res.text()\r\n          throw new Error(text || t('errors.updateUserFailed'))\r\n        }\r\n\r\n        const data = await res.json()\r\n        const updatedUser = data?.user ?? data\r\n        if (updatedUser && setSelectedUser) {\r\n          setSelectedUser({ ...selectedUser, ...updatedUser })\r\n        }\r\n\r\n        mutate(['users'])\r\n        mutate(['user', String(selectedUser.id)])\r\n\r\n        setEditingValues({})\r\n        setEditing?.(false)\r\n        setActiveChanges?.(false)\r\n        toast.success(t('success.userUpdated'))\r\n      }\r\n    }\r\n    catch (error) {\r\n      if ((error as any)?.status !== 401) {\r\n        toast.error(t('errors.saveChangesFailed'))\r\n      }\r\n    }\r\n  }\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    saveChanges: handleSaveChanges,\r\n  }), [selectedUser, editingValues, selectedRole])\r\n\r\n  const renderInputField = (\r\n    label: string,\r\n    property: keyof UserEditingValues,\r\n    type: 'text' | 'email' | 'number' | 'password' = 'text',\r\n  ) => {\r\n    const value = getFieldValue(property)\r\n    const displayValue = value instanceof Date ? value.toISOString() : (value ?? '')\r\n    return (\r\n      <div className=\"flex flex-col gap-2\">\r\n        <div className=\"text-sm font-medium text-foreground\">{label}</div>\r\n        <Input\r\n          type={type}\r\n          value={displayValue}\r\n          onChange={e => {\r\n            const next = type === 'number'\r\n              ? (e.target.value === '' ? null : Number(e.target.value))\r\n              : e.target.value\r\n            handleInputChange(property, next)\r\n          }}\r\n          disabled={!ability.can('update', 'Role')}\r\n        />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  const renderFieldRow = (\r\n    label: string,\r\n    property: keyof UserEditingValues,\r\n  ) => {\r\n    const value = getFieldValue(property)\r\n    return (\r\n      <DescriptionListItem className=\"break-words\" label={label}>\r\n        <FieldValue\r\n          value={value}\r\n          label={label}\r\n          property={String(property)}\r\n          editing={editing}\r\n        />\r\n      </DescriptionListItem>\r\n    )\r\n  }\r\n\r\n  const handleImageUpload = async (file: File) => {\r\n    if (!selectedUser?.id || selectedUser.id <= 0) return\r\n    const objectUrl = URL.createObjectURL(file)\r\n    setImagePreviewUrl(objectUrl)\r\n    try {\r\n      const assetId = crypto.randomUUID()\r\n      const presignedRes = await fetch(`/api/presigned-url-upload?asset=${assetId}`)\r\n      if (!presignedRes.ok) throw new Error('Failed to fetch presigned URL')\r\n      const { presignedUrl } = await presignedRes.json()\r\n\r\n      const uploadRes = await fetch(presignedUrl, {\r\n        method: 'PUT',\r\n        body: file,\r\n        headers: { 'Content-Type': file.type },\r\n      })\r\n      if (!uploadRes.ok) throw new Error('Failed to upload image')\r\n\r\n      await uploadUserImage({\r\n        fileData: {\r\n          name: file.name,\r\n          mimeType: file.type,\r\n          extension: getFileExtension(file),\r\n          sizeBytes: file.size,\r\n          tag: 'user',\r\n          assetId,\r\n          uploadedAt: new Date().toISOString(),\r\n        },\r\n      })\r\n      setImagePreviewUrl(null)\r\n      toast.success(t('success.imageUpdated'))\r\n    } catch {\r\n      setImagePreviewUrl(null)\r\n      toast.error(t('errors.uploadImageFailed'))\r\n    }\r\n  }\r\n\r\n  if (!selectedUser) return null\r\n\r\n  if (isNewUser) {\r\n    const newUserField = (\r\n      label: string,\r\n      key: keyof UserEditingValues,\r\n      type: 'text' | 'email' = 'text',\r\n    ) => (\r\n      <div className=\"flex flex-col gap-2\">\r\n        <div className=\"text-sm font-medium text-foreground\">{label}</div>\r\n        <Input\r\n          type={type}\r\n          value={String(editingValues[key] ?? '')}\r\n          onChange={e => handleInputChange(key, e.target.value)}\r\n          disabled={!ability.can('update', 'Role')}\r\n          autoComplete=\"off\"\r\n        />\r\n      </div>\r\n    )\r\n\r\n    return (\r\n      <div className=\"p-6 max-w-md\">\r\n        <div className=\"flex flex-col gap-4\">\r\n          {newUserField(t('fields.name'), 'name')}\r\n          {newUserField(t('fields.email'), 'email', 'email')}\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.role')}</div>\r\n            <Select\r\n              value={selectedRole}\r\n              onValueChange={value => {\r\n                setSelectedRole(value)\r\n                setRoleError('')\r\n                setActiveChanges?.(true)\r\n              }}\r\n            >\r\n              <SelectTrigger className=\"h-9 w-full\">\r\n                <SelectValue placeholder={t('roleSelectPlaceholder')} />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {roleOptions.map(role => (\r\n                  <SelectItem key={role} value={role}>\r\n                    {getRoleLabel(role)}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n            {roleError && <p className=\"text-sm text-destructive\">{roleError}</p>}\r\n          </div>\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.password')}</div>\r\n            <div className=\"relative\">\r\n              <Input\r\n                type={showPassword ? 'text' : 'password'}\r\n                value={String(editingValues.password ?? '')}\r\n                onChange={e => {\r\n                  const val = e.target.value\r\n                  handleInputChange('password', val)\r\n                  setPasswordErrors(val ? validatePassword(val) : [])\r\n                }}\r\n                className=\"pr-10\"\r\n                autoComplete=\"new-password\"\r\n              />\r\n              <button\r\n                type=\"button\"\r\n                className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\r\n                onClick={() => setShowPassword(prev => !prev)}\r\n              >\r\n                {showPassword ? <LR.EyeOff className=\"size-4\" /> : <LR.Eye className=\"size-4\" />}\r\n              </button>\r\n            </div>\r\n            {editingValues.password && (\r\n              passwordErrors.length > 0\r\n                ? <p className=\"text-sm text-destructive\">{passwordErrors[0]}</p>\r\n                : <p className=\"text-sm text-green-600\">{t('passwordStrong')}</p>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (isNewUser) {\r\n    return (\r\n      <div className=\"p-6 max-w-md\">\r\n        <div className=\"flex flex-col gap-4\">\r\n          {renderInputField(t('fields.name'), 'name')}\r\n          {renderInputField(t('fields.email'), 'email', 'email')}\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.role')}</div>\r\n            <Select\r\n              value={selectedRole}\r\n              onValueChange={value => {\r\n                setSelectedRole(value)\r\n                setRoleError('')\r\n                setActiveChanges?.(true)\r\n              }}\r\n            >\r\n              <SelectTrigger className=\"h-9 w-full\">\r\n                <SelectValue placeholder={t('roleSelectPlaceholder')} />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {roleOptions.map(role => (\r\n                  <SelectItem key={role} value={role}>\r\n                    {getRoleLabel(role)}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n            {roleError && <p className=\"text-sm text-destructive\">{roleError}</p>}\r\n          </div>\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.password')}</div>\r\n            <div className=\"relative\">\r\n              <Input\r\n                type={showPassword ? 'text' : 'password'}\r\n                value={String(editingValues.password ?? '')}\r\n                onChange={e => {\r\n                  const val = e.target.value\r\n                  handleInputChange('password', val)\r\n                  setPasswordErrors(val ? validatePassword(val) : [])\r\n                }}\r\n                className=\"pr-10\"\r\n              />\r\n              <button\r\n                type=\"button\"\r\n                className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\r\n                onClick={() => setShowPassword(prev => !prev)}\r\n              >\r\n                {showPassword ? <LR.EyeOff className=\"size-4\" /> : <LR.Eye className=\"size-4\" />}\r\n              </button>\r\n            </div>\r\n            {passwordErrors.length > 0 && (\r\n              <p className=\"text-sm text-destructive\">{passwordErrors[0]}</p>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-row gap-2 p-6 h-full overflow-hidden\">\r\n      <div className=\"flex-1 flex flex-col overflow-hidden\">\r\n        {!hideTitle && (\r\n          <div className=\"flex-shrink-0 pb-2 px-6\">\r\n            <p className=\"text-xl text-foreground font-semibold\">{t('title')}</p>\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"flex-1 px-6 overflow-auto\">\r\n          <div className=\"flex flex-col gap-6 pt-3\">\r\n            <div>\r\n              <h3 className=\"font-semibold text-base mb-3 text-foreground\">{t('sections.account')}</h3>\r\n              <div className=\"flex flex-col md:flex-row md:items-center gap-10\">\r\n                <div className=\"flex flex-col items-start gap-2 shrink-0\">\r\n                  <div className=\"w-32 h-32 bg-muted border-2 rounded-lg overflow-hidden relative group\">\r\n                    <label className={`block w-full h-full ${editing ? 'cursor-pointer' : 'cursor-default'}`}>\r\n                      <UserAvatar\r\n                        imageFileId={selectedUser?.imageFileId}\r\n                        name={selectedUser?.name}\r\n                        className=\"w-full h-full object-cover\"\r\n                        previewSrc={imagePreviewUrl}\r\n                      />\r\n                      {editing && (\r\n                        <>\r\n                          <div className=\"absolute inset-0 transition-opacity flex items-center justify-center\">\r\n                            <div className=\" p-4 flex items-center justify-center group-hover:scale-110 transition-transform\" title={t('imageChangeTitle')}>\r\n                              <LR.Edit className=\"size-5 m-1 text-foreground text-primary-light\" />\r\n                            </div>\r\n                          </div>\r\n                          <Input\r\n                            type=\"file\"\r\n                            accept=\"image/*\"\r\n                            title={t('imageChangeTitle')}\r\n                            className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer\"\r\n                            onChange={e => {\r\n                              const file = e.target.files?.[0] || null\r\n                              if (!file) return\r\n                              handleImageUpload(file)\r\n                            }}\r\n                            disabled={!ability.can('update', 'Role')}\r\n                          />\r\n                        </>\r\n                      )}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <div className=\"flex-1\">\r\n                  <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border\">\r\n                    {editing\r\n                      ? renderInputField(t('fields.name'), 'name')\r\n                      : renderFieldRow(t('fields.name'), 'name')}\r\n                    {renderFieldRow(t('fields.email'), 'email')}\r\n                  </div>\r\n                  <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border\">\r\n                    <DescriptionListItem className=\"break-words\" label={t('fields.role')}>\r\n                      {editing\r\n                        ? (\r\n                            <Select\r\n                              value={selectedRole}\r\n                              onValueChange={value => {\r\n                                setSelectedRole(value)\r\n                                setActiveChanges?.(true)\r\n                              }}\r\n                            >\r\n                              <SelectTrigger className=\"h-9 w-full\">\r\n                                <SelectValue placeholder={t('roleSelectPlaceholder')} />\r\n                              </SelectTrigger>\r\n                              <SelectContent>\r\n                                {roleOptions.map(role => (\r\n                                  <SelectItem key={role} value={role}>\r\n                                    {getRoleLabel(role)}\r\n                                  </SelectItem>\r\n                                ))}\r\n                              </SelectContent>\r\n                            </Select>\r\n                          )\r\n                        : (\r\n                            <div className=\"flex gap-2 flex-wrap\">\r\n                              {roleName ? (\r\n                                <Badge variant=\"secondary\" className=\"font-medium\">\r\n                                  {getRoleLabel(roleName)}\r\n                                </Badge>\r\n                              ) : (\r\n                                <span className=\"text-muted-foreground text-sm\">{t('roleEmptyValue')}</span>\r\n                              )}\r\n                            </div>\r\n                          )}\r\n                    </DescriptionListItem>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <Separator />\r\n\r\n            <div>\r\n              <h3 className=\"font-semibold text-base mb-3 text-foreground\">{t('sections.status')}</h3>\r\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border\">\r\n                {renderFieldRow(t('fields.createdAt'), 'createdAt')}\r\n              </div>\r\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full border-b border-border\">\r\n                {renderFieldRow(t('fields.updatedAt'), 'updatedAt')}\r\n                <div className=\"hidden md:block\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n})\r\n\r\nUserDetails.displayName = 'UserDetails'\r\n\r\nexport default UserDetails\r\n"],"mappings":"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","names":["_a"]}

package/dist/core/components/viewers/Data/userDetails/UserMoreOptions.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { User } from '../../../../types/dbTypes';
+interface UserMoreOptionsProps {
+    users?: User[];
+    variant?: 'ghost' | 'outline' | 'default';
+}
+export default function UserMoreOptions({ users, variant }: UserMoreOptionsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=UserMoreOptions.d.ts.map

package/dist/core/components/viewers/Data/userDetails/UserMoreOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMoreOptions.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/userDetails/UserMoreOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAMrD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,oBAAoB,qBAgW/E"}