@collabdt/core 0.0.40

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

@@ -0,0 +1,165 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { useCreateUser } from "../../../../hooks/users/users";
+import { useOrganizationRoles } from "../../../../hooks/organizations/organizations";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "../../../ui/Dialog";
+import { Button } from "../../../ui/Button";
+import { Input } from "../../../ui/Input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../ui/Select";
+const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d\s])[^\s]{12,65}$/;
+function AddUser({ open, onOpenChange }) {
+  var _a;
+  const t = useTranslations("AddUser");
+  const { data: session } = useSession();
+  const { createUser } = useCreateUser();
+  const { organizationRoles } = useOrganizationRoles(
+    ((_a = session == null ? void 0 : session.user) == null ? void 0 : _a.organizationId) ? String(session.user.organizationId) : null
+  );
+  const [name, setName] = React.useState("");
+  const [email, setEmail] = React.useState("");
+  const [role, setRole] = React.useState("");
+  const [password, setPassword] = React.useState("");
+  const [showPassword, setShowPassword] = React.useState(false);
+  const [passwordValid, setPasswordValid] = React.useState(null);
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const reset = () => {
+    setName("");
+    setEmail("");
+    setRole("");
+    setPassword("");
+    setShowPassword(false);
+    setPasswordValid(null);
+  };
+  const handleOpenChange = (next) => {
+    if (!next) reset();
+    onOpenChange(next);
+  };
+  const handlePasswordChange = (val) => {
+    setPassword(val);
+    setPasswordValid(val ? passwordRegex.test(val) : null);
+  };
+  const handleSubmit = async () => {
+    if (!name.trim() || !email.trim()) {
+      toast.error(t("errors.nameEmailRequired"));
+      return;
+    }
+    if (!role) {
+      toast.error(t("errors.roleRequired"));
+      return;
+    }
+    if (!passwordRegex.test(password)) {
+      toast.error(t("errors.weakPassword"));
+      return;
+    }
+    const roleObj = organizationRoles == null ? void 0 : organizationRoles.find((r) => r.name.toLowerCase() === role.toLowerCase());
+    if (!roleObj) {
+      toast.error(t("errors.roleRequired"));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      await createUser({
+        userData: {
+          name: name.trim(),
+          email: email.trim(),
+          password,
+          roleId: roleObj.id
+        }
+      });
+      toast.success(t("success.userCreated"));
+      handleOpenChange(false);
+    } catch (e) {
+      toast.error(t("errors.createUserFailed"));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("title") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.name") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("fields.email") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      /* @__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: role, onValueChange: setRole, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("roleSelectPlaceholder") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: (organizationRoles != null ? organizationRoles : []).map((r) => /* @__PURE__ */ jsx(SelectItem, { value: r.name.toLowerCase(), children: r.name }, r.id)) })
+        ] })
+      ] }),
+      /* @__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: password,
+              onChange: (e) => handlePasswordChange(e.target.value),
+              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" })
+            }
+          )
+        ] }),
+        passwordValid === false && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: t("errors.weakPassword") }),
+        passwordValid === true && /* @__PURE__ */ jsx("p", { className: "text-sm text-green-600", children: t("passwordStrong") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => handleOpenChange(false), children: t("cancel") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleSubmit, disabled: isSubmitting, children: [
+        isSubmitting ? /* @__PURE__ */ jsx(LR.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(LR.UserPlus, { className: "size-4" }),
+        t("submit")
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  AddUser as default
+};
+//# sourceMappingURL=AddUser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/userDetails/AddUser.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useCreateUser } from '../../../../hooks/users/users'\r\nimport { useOrganizationRoles } from '../../../../hooks/organizations/organizations'\r\n\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '../../../ui/Dialog'\r\nimport { Button } from '../../../ui/Button'\r\nimport { Input } from '../../../ui/Input'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../ui/Select'\r\n\r\ninterface AddUserProps {\r\n  open: boolean\r\n  onOpenChange: (open: boolean) => void\r\n}\r\n\r\nconst passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[^a-zA-Z\\d\\s])[^\\s]{12,65}$/\r\n\r\nexport default function AddUser({ open, onOpenChange }: AddUserProps) {\r\n  const t = useTranslations('AddUser')\r\n  const { data: session } = useSession()\r\n  const { createUser } = useCreateUser()\r\n  const { organizationRoles } = useOrganizationRoles(\r\n    session?.user?.organizationId ? String(session.user.organizationId) : null\r\n  )\r\n\r\n  const [name, setName] = React.useState('')\r\n  const [email, setEmail] = React.useState('')\r\n  const [role, setRole] = React.useState('')\r\n  const [password, setPassword] = React.useState('')\r\n  const [showPassword, setShowPassword] = React.useState(false)\r\n  const [passwordValid, setPasswordValid] = React.useState<boolean | null>(null)\r\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\r\n\r\n  const reset = () => {\r\n    setName('')\r\n    setEmail('')\r\n    setRole('')\r\n    setPassword('')\r\n    setShowPassword(false)\r\n    setPasswordValid(null)\r\n  }\r\n\r\n  const handleOpenChange = (next: boolean) => {\r\n    if (!next) reset()\r\n    onOpenChange(next)\r\n  }\r\n\r\n  const handlePasswordChange = (val: string) => {\r\n    setPassword(val)\r\n    setPasswordValid(val ? passwordRegex.test(val) : null)\r\n  }\r\n\r\n  const handleSubmit = async () => {\r\n    if (!name.trim() || !email.trim()) {\r\n      toast.error(t('errors.nameEmailRequired'))\r\n      return\r\n    }\r\n    if (!role) {\r\n      toast.error(t('errors.roleRequired'))\r\n      return\r\n    }\r\n    if (!passwordRegex.test(password)) {\r\n      toast.error(t('errors.weakPassword'))\r\n      return\r\n    }\r\n\r\n    const roleObj = organizationRoles?.find(r => r.name.toLowerCase() === role.toLowerCase())\r\n    if (!roleObj) {\r\n      toast.error(t('errors.roleRequired'))\r\n      return\r\n    }\r\n\r\n    setIsSubmitting(true)\r\n    try {\r\n      await createUser({\r\n        userData: {\r\n          name: name.trim(),\r\n          email: email.trim(),\r\n          password,\r\n          roleId: roleObj.id,\r\n        },\r\n      })\r\n      toast.success(t('success.userCreated'))\r\n      handleOpenChange(false)\r\n    } catch {\r\n      toast.error(t('errors.createUserFailed'))\r\n    } finally {\r\n      setIsSubmitting(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleOpenChange}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{t('title')}</DialogTitle>\r\n        </DialogHeader>\r\n\r\n        <div className=\"flex flex-col gap-4\">\r\n          {/* Name */}\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.name')}</div>\r\n            <Input\r\n              value={name}\r\n              onChange={e => setName(e.target.value)}\r\n              autoComplete=\"off\"\r\n            />\r\n          </div>\r\n\r\n          {/* Email */}\r\n          <div className=\"flex flex-col gap-2\">\r\n            <div className=\"text-sm font-medium text-foreground\">{t('fields.email')}</div>\r\n            <Input\r\n              type=\"email\"\r\n              value={email}\r\n              onChange={e => setEmail(e.target.value)}\r\n              autoComplete=\"off\"\r\n            />\r\n          </div>\r\n\r\n          {/* Role */}\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 value={role} onValueChange={setRole}>\r\n              <SelectTrigger className=\"h-9 w-full\">\r\n                <SelectValue placeholder={t('roleSelectPlaceholder')} />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {(organizationRoles ?? []).map(r => (\r\n                  <SelectItem key={r.id} value={r.name.toLowerCase()}>\r\n                    {r.name}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          {/* Password */}\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={password}\r\n                onChange={e => handlePasswordChange(e.target.value)}\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            {passwordValid === false && (\r\n              <p className=\"text-sm text-destructive\">{t('errors.weakPassword')}</p>\r\n            )}\r\n            {passwordValid === true && (\r\n              <p className=\"text-sm text-green-600\">{t('passwordStrong')}</p>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex justify-end gap-2 pt-2\">\r\n          <Button variant=\"outline\" onClick={() => handleOpenChange(false)}>\r\n            {t('cancel')}\r\n          </Button>\r\n          <Button onClick={handleSubmit} disabled={isSubmitting}>\r\n            {isSubmitting ? <LR.Loader2 className=\"size-4 animate-spin\" /> : <LR.UserPlus className=\"size-4\" />}\r\n            {t('submit')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { User } from '../../../../types/dbTypes';
+interface UserDetailsProps {
+    selectedUser?: Partial<User>;
+    setSelectedUser?: (user: User) => void;
+    editing?: boolean;
+    setEditing?: (editing: boolean) => void;
+    setActiveChanges?: (editing: boolean) => void;
+    users?: User[];
+    hideTitle?: boolean;
+    onDelete?: () => void;
+    onCreated?: () => void;
+}
+export type UserDetailsRef = {
+    saveChanges: () => Promise<void>;
+};
+declare const UserDetails: React.ForwardRefExoticComponent<UserDetailsProps & React.RefAttributes<UserDetailsRef>>;
+export default UserDetails;
+//# sourceMappingURL=UserDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/userDetails/UserDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAkCrD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAGD,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,QAAA,MAAM,WAAW,yFAygBf,CAAA;AAIF,eAAe,WAAW,CAAA"}