@open-kingdom/shared-frontend-feature-user-management 0.0.2-14 → 0.0.2-16

package/dist/index.js

@@ -1,25 +1,26 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useCallback as P, useState as I, useMemo as V } from "react";
-import { useDispatch as U } from "react-redux";
-import { useInvitationsControllerInviteMutation as B, useInvitationsControllerValidateQuery as E, useInvitationsControllerAcceptMutation as G, useUsersControllerFindAllQuery as q, useUsersControllerDeleteMutation as z } from "@open-kingdom/shared-frontend-data-access-api-client";
-import { showSuccessNotification as F } from "@open-kingdom/shared-frontend-data-access-notifications";
-import { DataGrid as Y } from "@open-kingdom/shared-frontend-ui-datagrid";
-import { useTheme as O } from "@open-kingdom/shared-frontend-ui-theme";
-import { useKeyboardEvent as Q } from "@react-hookz/web";
-import { useForm as A } from "react-hook-form";
-import { zodResolver as L } from "@hookform/resolvers/zod";
-import { z as p } from "zod";
-function j({
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useCallback as L, useState as k, useMemo as P } from "react";
+import { useDispatch as I } from "react-redux";
+import { useInvitationsControllerInviteMutation as O, useInvitationsControllerValidateQuery as Q, useInvitationsControllerAcceptMutation as Y, useInvitationsControllerFindAllQuery as J, useInvitationsControllerCancelMutation as K, useUsersControllerFindAllQuery as H, useUsersControllerDeleteMutation as W } from "@open-kingdom/shared-frontend-data-access-api-client";
+import { showSuccessNotification as D } from "@open-kingdom/shared-frontend-data-access-notifications";
+import { DataGrid as U } from "@open-kingdom/shared-frontend-ui-datagrid";
+import { useTheme as R } from "@open-kingdom/shared-frontend-ui-theme";
+import { useKeyboardEvent as X } from "@react-hookz/web";
+import { useForm as T } from "react-hook-form";
+import { zodResolver as $ } from "@hookform/resolvers/zod";
+import { z as h } from "zod";
+import { formatDate as j } from "@open-kingdom/shared-poly-util-date";
+function M({
   isOpen: t,
   onClose: a,
   ariaLabelledBy: r,
-  children: s
+  children: i
 }) {
-  Q("Escape", () => {
+  X("Escape", () => {
     t && a();
   });
-  const n = P((l) => {
-    l?.focus();
+  const l = L((s) => {
+    s?.focus();
   }, []);
   return t ? /* @__PURE__ */ e(
     "div",
@@ -29,49 +30,49 @@ function j({
       children: /* @__PURE__ */ e(
         "div",
         {
-          ref: n,
+          ref: l,
           className: "w-full max-w-md rounded-lg bg-white p-6 shadow-xl dark:bg-neutral-800",
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": r,
           tabIndex: -1,
-          onClick: (l) => l.stopPropagation(),
-          children: s
+          onClick: (s) => s.stopPropagation(),
+          children: i
         }
       )
     }
   ) : null;
 }
-const b = "w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-md bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100", J = "block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1", k = "max-w-md mx-auto mt-8 p-6 bg-white dark:bg-neutral-800 rounded-lg shadow-lg", S = "text-neutral-600 dark:text-neutral-400", C = "rounded-md px-4 py-2 text-sm font-medium transition-colors", D = `${C} bg-primary-500 text-white hover:bg-primary-600 disabled:opacity-50`, M = `${C} border border-neutral-300 text-neutral-700 hover:bg-neutral-50 dark:border-neutral-600 dark:text-neutral-300 dark:hover:bg-neutral-700`, K = `${C} bg-error-500 text-white hover:bg-error-600 disabled:opacity-50`;
-function H({
+const v = "w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-md bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100", Z = "block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1", C = "max-w-md mx-auto mt-8 p-6 bg-white dark:bg-neutral-800 rounded-lg shadow-lg", S = "text-neutral-600 dark:text-neutral-400", A = "rounded-md px-4 py-2 text-sm font-medium transition-colors", F = `${A} bg-primary-500 text-white hover:bg-primary-600 disabled:opacity-50`, E = `${A} border border-neutral-300 text-neutral-700 hover:bg-neutral-50 dark:border-neutral-600 dark:text-neutral-300 dark:hover:bg-neutral-700`, _ = `${A} bg-error-500 text-white hover:bg-error-600 disabled:opacity-50`, ee = "rounded px-2 py-1 text-xs font-medium text-error-600 transition-colors hover:bg-error-50 disabled:cursor-not-allowed disabled:opacity-40 dark:text-error-400 dark:hover:bg-error-900/20";
+function B({
   isOpen: t,
   title: a,
   message: r,
-  confirmLabel: s = "Confirm",
-  onConfirm: n,
-  onCancel: l,
-  isLoading: o = !1
+  confirmLabel: i = "Confirm",
+  onConfirm: l,
+  onCancel: s,
+  isLoading: c = !1
 }) {
-  const d = "confirm-dialog-title";
-  return /* @__PURE__ */ i(j, { isOpen: t, onClose: l, ariaLabelledBy: d, children: [
+  const u = "confirm-dialog-title";
+  return /* @__PURE__ */ n(M, { isOpen: t, onClose: s, ariaLabelledBy: u, children: [
     /* @__PURE__ */ e(
       "h3",
       {
-        id: d,
+        id: u,
         className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100",
         children: a
       }
     ),
     /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-neutral-600 dark:text-neutral-400", children: r }),
-    /* @__PURE__ */ i("div", { className: "mt-6 flex justify-end gap-3", children: [
+    /* @__PURE__ */ n("div", { className: "mt-6 flex justify-end gap-3", children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           "data-testid": "confirm-cancel-btn",
-          onClick: l,
-          disabled: o,
-          className: M,
+          onClick: s,
+          disabled: c,
+          className: E,
           children: "Cancel"
         }
       ),
@@ -80,99 +81,99 @@ function H({
         {
           type: "button",
           "data-testid": "confirm-btn",
-          onClick: n,
-          disabled: o,
-          className: K,
-          children: s
+          onClick: l,
+          disabled: c,
+          className: _,
+          children: i
         }
       )
     ] })
   ] });
 }
-const W = {
+const te = {
   admin: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",
   user: "bg-primary-100 text-primary-800 dark:bg-primary-900/30 dark:text-primary-300",
   guest: "bg-neutral-100 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300"
 };
-function X({ role: t }) {
+function G({ role: t }) {
   if (!t) return null;
   const a = t.charAt(0).toUpperCase() + t.slice(1);
   return /* @__PURE__ */ e(
     "span",
     {
-      className: `inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${W[t]}`,
+      className: `inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${te[t]}`,
       children: a
     }
   );
 }
-function x({
+function y({
   label: t,
   htmlFor: a,
   required: r,
-  error: s,
-  children: n
+  error: i,
+  children: l
 }) {
-  return /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ i("label", { htmlFor: a, className: J, children: [
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n("label", { htmlFor: a, className: Z, children: [
       t,
       " ",
       r && /* @__PURE__ */ e("span", { className: "text-error-500", children: "*" })
     ] }),
-    n,
-    s && /* @__PURE__ */ e(
+    l,
+    i && /* @__PURE__ */ e(
       "p",
       {
         "data-testid": "field-error",
         className: "mt-1 text-sm text-error-600 dark:text-error-400",
-        children: s
+        children: i
       }
     )
   ] });
 }
-const Z = p.object({
-  email: p.string().email("Invalid email address"),
-  role: p.enum(["guest", "user", "admin"])
+const ae = h.object({
+  email: h.string().email("Invalid email address"),
+  role: h.enum(["guest", "user", "admin"])
 });
-function _({ isOpen: t, onClose: a }) {
-  const r = U(), [s, { isLoading: n }] = B(), {
-    register: l,
-    handleSubmit: o,
-    reset: d,
-    formState: { errors: c }
-  } = A({
-    resolver: L(Z),
+function re({ isOpen: t, onClose: a }) {
+  const r = I(), [i, { isLoading: l }] = O(), {
+    register: s,
+    handleSubmit: c,
+    reset: u,
+    formState: { errors: o }
+  } = T({
+    resolver: $(ae),
     defaultValues: { email: "", role: "guest" }
-  }), h = "invite-modal-title", f = () => {
-    d(), a();
+  }), d = "invite-modal-title", m = () => {
+    u(), a();
   };
-  return /* @__PURE__ */ i(
-    j,
+  return /* @__PURE__ */ n(
+    M,
     {
       isOpen: t,
-      onClose: f,
-      ariaLabelledBy: h,
+      onClose: m,
+      ariaLabelledBy: d,
       children: [
         /* @__PURE__ */ e(
           "h3",
           {
-            id: h,
+            id: d,
             className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100",
             children: "Invite User"
           }
         ),
-        /* @__PURE__ */ i("form", { onSubmit: o(async (m) => {
+        /* @__PURE__ */ n("form", { onSubmit: c(async (f) => {
           try {
-            await s({ inviteUserDto: m }).unwrap(), r(F("Invitation sent successfully")), d(), a();
+            await i({ inviteUserDto: f }).unwrap(), r(D("Invitation sent successfully")), u(), a();
           } catch {
           }
         }), className: "mt-4 space-y-4", children: [
           /* @__PURE__ */ e(
-            x,
+            y,
             {
               label: "Email",
               htmlFor: "invite-email",
               required: !0,
-              error: c.email?.message,
+              error: o.email?.message,
               children: /* @__PURE__ */ e(
                 "input",
                 {
@@ -180,19 +181,19 @@ function _({ isOpen: t, onClose: a }) {
                   "data-testid": "invite-email-input",
                   type: "email",
                   placeholder: "user@example.com",
-                  className: b,
-                  ...l("email")
+                  className: v,
+                  ...s("email")
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(x, { label: "Role", htmlFor: "invite-role", children: /* @__PURE__ */ i(
+          /* @__PURE__ */ e(y, { label: "Role", htmlFor: "invite-role", children: /* @__PURE__ */ n(
             "select",
             {
               id: "invite-role",
               "data-testid": "invite-role-select",
-              className: b,
-              ...l("role"),
+              className: v,
+              ...s("role"),
               children: [
                 /* @__PURE__ */ e("option", { value: "guest", children: "Guest" }),
                 /* @__PURE__ */ e("option", { value: "user", children: "User" }),
@@ -200,15 +201,15 @@ function _({ isOpen: t, onClose: a }) {
               ]
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: "flex justify-end gap-3", children: [
+          /* @__PURE__ */ n("div", { className: "flex justify-end gap-3", children: [
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 "data-testid": "invite-cancel-btn",
-                onClick: f,
-                disabled: n,
-                className: M,
+                onClick: m,
+                disabled: l,
+                className: E,
                 children: "Cancel"
               }
             ),
@@ -217,9 +218,9 @@ function _({ isOpen: t, onClose: a }) {
               {
                 type: "submit",
                 "data-testid": "invite-submit-btn",
-                disabled: n,
-                className: D,
-                children: n ? "Sending..." : "Send Invitation"
+                disabled: l,
+                className: F,
+                children: l ? "Sending..." : "Send Invitation"
               }
             )
           ] })
@@ -228,7 +229,7 @@ function _({ isOpen: t, onClose: a }) {
     }
   );
 }
-const ee = {
+const ne = {
   error: "text-xl font-bold text-error-700 dark:text-error-400",
   success: "text-xl font-bold text-success-700 dark:text-success-400"
 };
@@ -236,61 +237,61 @@ function w({
   variant: t,
   title: a,
   message: r,
-  children: s
+  children: i
 }) {
-  return t === "loading" ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e("p", { className: `text-center ${S}`, children: r }) }) : /* @__PURE__ */ i(
+  return t === "loading" ? /* @__PURE__ */ e("div", { className: C, children: /* @__PURE__ */ e("p", { className: `text-center ${S}`, children: r }) }) : /* @__PURE__ */ n(
     "div",
     {
-      className: k,
+      className: C,
       role: t === "error" ? "alert" : void 0,
       children: [
-        a && /* @__PURE__ */ e("h2", { "data-testid": "status-card-title", className: ee[t], children: a }),
+        a && /* @__PURE__ */ e("h2", { "data-testid": "status-card-title", className: ne[t], children: a }),
         /* @__PURE__ */ e("p", { "data-testid": "status-card-message", className: `mt-2 ${S}`, children: r }),
-        s
+        i
       ]
     }
   );
 }
-const te = p.object({
-  firstName: p.string().optional(),
-  lastName: p.string().optional(),
-  password: p.string().min(8, "Password must be at least 8 characters"),
-  confirmPassword: p.string()
+const ie = h.object({
+  firstName: h.string().optional(),
+  lastName: h.string().optional(),
+  password: h.string().min(8, "Password must be at least 8 characters"),
+  confirmPassword: h.string()
 }).refine((t) => t.password === t.confirmPassword, {
   message: "Passwords do not match",
   path: ["confirmPassword"]
 });
-function pe({ token: t, loginPath: a }) {
+function Ae({ token: t, loginPath: a }) {
   const {
     data: r,
-    isLoading: s,
-    error: n
-  } = E({ token: t }), [l, { isLoading: o, isSuccess: d }] = G(), {
-    register: c,
-    handleSubmit: h,
-    formState: { errors: f }
-  } = A({
-    resolver: L(te),
+    isLoading: i,
+    error: l
+  } = Q({ token: t }), [s, { isLoading: c, isSuccess: u }] = Y(), {
+    register: o,
+    handleSubmit: d,
+    formState: { errors: m }
+  } = T({
+    resolver: $(ie),
     defaultValues: {
       firstName: "",
       lastName: "",
       password: "",
       confirmPassword: ""
     }
-  }), g = r?.email ?? "", m = r?.role ?? "user", v = async (y) => {
+  }), b = r?.email ?? "", f = r?.role ?? "user", x = async (g) => {
     try {
-      await l({
+      await s({
         acceptInvitationDto: {
           token: t,
-          password: y.password,
-          firstName: y.firstName || void 0,
-          lastName: y.lastName || void 0
+          password: g.password,
+          firstName: g.firstName || void 0,
+          lastName: g.lastName || void 0
         }
       }).unwrap();
     } catch {
     }
   };
-  return d ? /* @__PURE__ */ e(
+  return u ? /* @__PURE__ */ e(
     w,
     {
       variant: "success",
@@ -306,14 +307,14 @@ function pe({ token: t, loginPath: a }) {
         }
       )
     }
-  ) : s ? /* @__PURE__ */ e(w, { variant: "loading", message: "Validating invitation..." }) : n ? /* @__PURE__ */ e(
+  ) : i ? /* @__PURE__ */ e(w, { variant: "loading", message: "Validating invitation..." }) : l ? /* @__PURE__ */ e(
     w,
     {
       variant: "error",
       title: "Validation Failed",
       message: "Unable to validate this invitation. Please check your connection and try again."
     }
-  ) : r?.valid ? /* @__PURE__ */ i("div", { className: k, children: [
+  ) : r?.valid ? /* @__PURE__ */ n("div", { className: C, children: [
     /* @__PURE__ */ e(
       "h2",
       {
@@ -322,43 +323,43 @@ function pe({ token: t, loginPath: a }) {
         children: "Accept Invitation"
       }
     ),
-    /* @__PURE__ */ i("p", { className: `mt-1 text-sm ${S}`, children: [
+    /* @__PURE__ */ n("p", { className: `mt-1 text-sm ${S}`, children: [
       "You've been invited as ",
-      /* @__PURE__ */ e("strong", { "data-testid": "accept-role", children: m }),
+      /* @__PURE__ */ e("strong", { "data-testid": "accept-role", children: f }),
       " ",
       "with email ",
-      /* @__PURE__ */ e("strong", { "data-testid": "accept-email", children: g })
+      /* @__PURE__ */ e("strong", { "data-testid": "accept-email", children: b })
     ] }),
-    /* @__PURE__ */ i("form", { onSubmit: h(v), className: "mt-4 space-y-4", children: [
-      /* @__PURE__ */ e(x, { label: "First Name", htmlFor: "accept-firstName", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ n("form", { onSubmit: d(x), className: "mt-4 space-y-4", children: [
+      /* @__PURE__ */ e(y, { label: "First Name", htmlFor: "accept-firstName", children: /* @__PURE__ */ e(
         "input",
         {
           id: "accept-firstName",
           "data-testid": "accept-first-name-input",
           type: "text",
           placeholder: "John",
-          className: b,
-          ...c("firstName")
+          className: v,
+          ...o("firstName")
         }
       ) }),
-      /* @__PURE__ */ e(x, { label: "Last Name", htmlFor: "accept-lastName", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(y, { label: "Last Name", htmlFor: "accept-lastName", children: /* @__PURE__ */ e(
         "input",
         {
           id: "accept-lastName",
           "data-testid": "accept-last-name-input",
           type: "text",
           placeholder: "Doe",
-          className: b,
-          ...c("lastName")
+          className: v,
+          ...o("lastName")
         }
       ) }),
       /* @__PURE__ */ e(
-        x,
+        y,
         {
           label: "Password",
           htmlFor: "accept-password",
           required: !0,
-          error: f.password?.message,
+          error: m.password?.message,
           children: /* @__PURE__ */ e(
             "input",
             {
@@ -366,19 +367,19 @@ function pe({ token: t, loginPath: a }) {
               "data-testid": "accept-password-input",
               type: "password",
               placeholder: "Min. 8 characters",
-              className: b,
-              ...c("password")
+              className: v,
+              ...o("password")
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        x,
+        y,
         {
           label: "Confirm Password",
           htmlFor: "accept-confirmPassword",
           required: !0,
-          error: f.confirmPassword?.message,
+          error: m.confirmPassword?.message,
           children: /* @__PURE__ */ e(
             "input",
             {
@@ -386,8 +387,8 @@ function pe({ token: t, loginPath: a }) {
               "data-testid": "accept-confirm-password-input",
               type: "password",
               placeholder: "Repeat password",
-              className: b,
-              ...c("confirmPassword")
+              className: v,
+              ...o("confirmPassword")
             }
           )
         }
@@ -397,9 +398,9 @@ function pe({ token: t, loginPath: a }) {
         {
           type: "submit",
           "data-testid": "accept-submit-btn",
-          disabled: o,
-          className: `w-full ${D}`,
-          children: o ? "Creating account..." : "Create Account"
+          disabled: c,
+          className: `w-full ${F}`,
+          children: c ? "Creating account..." : "Create Account"
         }
       )
     ] })
@@ -412,44 +413,168 @@ function pe({ token: t, loginPath: a }) {
     }
   );
 }
-function he({ currentUserId: t }) {
-  const a = U(), { theme: r, mode: s } = O(), { data: n, isLoading: l, error: o, refetch: d } = q(), [c, { isLoading: h }] = z(), [f, g] = I(!1), [m, v] = I(null), y = n ?? [], $ = P(async () => {
-    if (m)
+const le = {
+  pending: "bg-warning-100 text-warning-800 dark:bg-warning-900/30 dark:text-warning-300",
+  accepted: "bg-success-100 text-success-800 dark:bg-success-900/30 dark:text-success-300",
+  expired: "bg-neutral-100 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300"
+};
+function se({ status: t }) {
+  if (!t) return null;
+  const a = t.charAt(0).toUpperCase() + t.slice(1);
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: `inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${le[t]}`,
+      children: a
+    }
+  );
+}
+const oe = {
+  field: "email",
+  headerName: "Email",
+  flex: 2
+}, de = {
+  field: "role",
+  headerName: "Role",
+  flex: 1,
+  cellRenderer: (t) => t.data ? /* @__PURE__ */ e(G, { role: t.data.role }) : null
+}, ce = {
+  field: "status",
+  headerName: "Status",
+  flex: 1,
+  cellRenderer: (t) => t.data ? /* @__PURE__ */ e(se, { status: t.data.status }) : null
+}, ue = {
+  headerName: "Invited",
+  flex: 1,
+  valueGetter: (t) => j(t.data?.invitedAt)
+}, me = {
+  headerName: "Expires",
+  flex: 1,
+  valueGetter: (t) => j(t.data?.tokenExpiry)
+};
+function fe(t) {
+  return {
+    headerName: "Actions",
+    flex: 1,
+    sortable: !1,
+    filter: !1,
+    cellRenderer: (a) => a.data ? /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => a.data && t(a.data),
+        className: ee,
+        children: "Cancel"
+      }
+    ) : null
+  };
+}
+const pe = [
+  oe,
+  de,
+  ce,
+  ue,
+  me
+];
+function he(t) {
+  return [...pe, fe(t)];
+}
+function Fe() {
+  const t = I(), { theme: a, mode: r } = R(), { data: i, isLoading: l, error: s, refetch: c } = J(), [u, { isLoading: o }] = K(), [d, m] = k(null), b = i ?? [];
+  async function f() {
+    if (!d) return;
+    "error" in await u({ id: d.id }) || t(D("Invitation cancelled successfully")), m(null);
+  }
+  const x = P(() => he(m), []);
+  return s ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-testid": "invitations-error",
+      className: "rounded-lg bg-error-50 p-6 text-center dark:bg-error-900/20",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ e("p", { className: "text-error-700 dark:text-error-300", children: "Failed to load invitations." }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            "data-testid": "invitations-retry-btn",
+            onClick: c,
+            className: "mt-2 text-sm font-medium text-primary-600 hover:underline dark:text-primary-400",
+            children: "Try again"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ e(
+      "h2",
+      {
+        "data-testid": "invitations-heading",
+        className: "text-xl font-semibold text-neutral-900 dark:text-neutral-100",
+        children: "Invitations"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      U,
+      {
+        rowData: b,
+        columnDefs: x,
+        mode: r,
+        theme: a,
+        loading: l
+      }
+    ),
+    /* @__PURE__ */ e(
+      B,
+      {
+        isOpen: !!d,
+        title: "Cancel Invitation",
+        message: `Are you sure you want to cancel the invitation for ${d?.email}? This action cannot be undone.`,
+        confirmLabel: o ? "Cancelling..." : "Cancel Invitation",
+        onConfirm: f,
+        onCancel: () => m(null),
+        isLoading: o
+      }
+    )
+  ] });
+}
+function Le({ currentUserId: t }) {
+  const a = I(), { theme: r, mode: i } = R(), { data: l, isLoading: s, error: c, refetch: u } = H(), [o, { isLoading: d }] = W(), [m, b] = k(!1), [f, x] = k(null), g = l ?? [], V = L(async () => {
+    if (f)
       try {
-        await c({ id: m.id }).unwrap(), a(F("User deleted successfully"));
+        await o({ id: f.id }).unwrap(), a(D("User deleted successfully"));
       } catch {
       } finally {
-        v(null);
+        x(null);
       }
-  }, [m, c, a]), R = V(
+  }, [f, o, a]), q = P(
     () => [
       { field: "email", headerName: "Email", flex: 2 },
       {
         headerName: "Name",
         flex: 2,
-        valueGetter: (u) => {
-          const { firstName: N, lastName: T } = u.data ?? {};
-          return [N, T].filter(Boolean).join(" ") || "—";
+        valueGetter: (p) => {
+          const { firstName: N, lastName: z } = p.data ?? {};
+          return [N, z].filter(Boolean).join(" ") || "—";
         }
       },
       {
         field: "role",
         headerName: "Role",
         flex: 1,
-        cellRenderer: (u) => u.data ? /* @__PURE__ */ e(X, { role: u.data.role }) : null
+        cellRenderer: (p) => p.data ? /* @__PURE__ */ e(G, { role: p.data.role }) : null
       },
       {
         headerName: "Actions",
         flex: 1,
         sortable: !1,
         filter: !1,
-        cellRenderer: (u) => {
-          if (!u.data) return null;
-          const N = u.data.id === t;
+        cellRenderer: (p) => {
+          if (!p.data) return null;
+          const N = p.data.id === t;
           return /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => u.data && v(u.data),
+              onClick: () => p.data && x(p.data),
               disabled: N,
               title: N ? "Cannot delete your own account" : "Delete user",
               className: "rounded px-2 py-1 text-xs font-medium text-error-600 transition-colors hover:bg-error-50 disabled:cursor-not-allowed disabled:opacity-40 dark:text-error-400 dark:hover:bg-error-900/20",
@@ -461,7 +586,7 @@ function he({ currentUserId: t }) {
     ],
     [t]
   );
-  return o ? /* @__PURE__ */ i(
+  return c ? /* @__PURE__ */ n(
     "div",
     {
       "data-testid": "users-error",
@@ -473,15 +598,15 @@ function he({ currentUserId: t }) {
           "button",
           {
             "data-testid": "users-retry-btn",
-            onClick: d,
+            onClick: u,
             className: "mt-2 text-sm font-medium text-primary-600 hover:underline dark:text-primary-400",
             children: "Try again"
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ i("div", { className: "mb-4 flex items-center justify-between", children: [
+  ) : /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n("div", { className: "mb-4 flex items-center justify-between", children: [
       /* @__PURE__ */ e(
         "h2",
         {
@@ -494,45 +619,46 @@ function he({ currentUserId: t }) {
         "button",
         {
           "data-testid": "invite-user-btn",
-          onClick: () => g(!0),
-          className: D,
+          onClick: () => b(!0),
+          className: F,
           children: "Invite User"
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      Y,
+      U,
       {
-        rowData: y,
-        columnDefs: R,
-        mode: s,
+        rowData: g,
+        columnDefs: q,
+        mode: i,
         theme: r,
-        loading: l
+        loading: s
       }
     ),
     /* @__PURE__ */ e(
-      _,
+      re,
       {
-        isOpen: f,
-        onClose: () => g(!1)
+        isOpen: m,
+        onClose: () => b(!1)
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      B,
       {
-        isOpen: !!m,
+        isOpen: !!f,
         title: "Delete User",
-        message: `Are you sure you want to delete ${m?.email}? This action cannot be undone.`,
-        confirmLabel: h ? "Deleting..." : "Delete",
-        onConfirm: $,
-        onCancel: () => v(null),
-        isLoading: h
+        message: `Are you sure you want to delete ${f?.email}? This action cannot be undone.`,
+        confirmLabel: d ? "Deleting..." : "Delete",
+        onConfirm: V,
+        onCancel: () => x(null),
+        isLoading: d
       }
     )
   ] });
 }
 export {
-  pe as AcceptInvitation,
+  Ae as AcceptInvitation,
+  Fe as InvitationList,
   w as StatusCard,
-  he as UserList
+  Le as UserList
 };