@nivaro/react 0.3.29 → 0.3.31

package/dist/components/slots/pipeline/OwnersSection.js

@@ -1,66 +1,67 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { useState as a, useRef as E, useEffect as g, useCallback as W } from "react";
-import { get as _, del as F, post as H } from "../../../lib/commands.js";
-import { initials as U } from "./HistoryTimeline.js";
-import { userErrorMessage as N } from "../../../shared/lib/safe-error.js";
-function K({
+import { useState as a, useRef as E, useEffect as g, useCallback as U } from "react";
+import { get as A, del as W, post as F } from "../../../lib/commands.js";
+import { initials as H } from "./HistoryTimeline.js";
+import { UserChip as N } from "../../../shared/components/item-edit/UserChip.js";
+import { userErrorMessage as I } from "../../../shared/lib/safe-error.js";
+function Q({
   collection: l,
   itemId: u,
   states: c,
   client: r
 }) {
-  const [f, k] = a([]), [j, S] = a([]), [b, B] = a(!0), [x, h] = a(!1), [o, p] = a(""), [C, w] = a(""), [m, A] = a(!1), [O, M] = a(!1), [L, v] = a(null), i = E(!0);
+  const [f, b] = a([]), [L, B] = a([]), [k, S] = a(!0), [x, h] = a(!1), [s, p] = a(""), [C, m] = a(""), [w, _] = a(!1), [O, $] = a(!1), [j, v] = a(null), i = E(!0);
   g(() => (i.current = !0, () => {
     i.current = !1;
   }), []);
-  const s = W(async () => {
+  const d = U(async () => {
     var e;
     if (r)
       try {
-        const d = await r.request(
-          _(`/pipelines/instance/${l}/${u}/owners`)
+        const o = await r.request(
+          A(`/pipelines/instance/${l}/${u}/owners`)
         );
-        i.current && (k(d.data ?? []), M(((e = d.meta) == null ? void 0 : e.can_add) === !0));
+        i.current && (b(o.data ?? []), $(((e = o.meta) == null ? void 0 : e.can_add) === !0));
       } catch {
-        i.current && k([]);
+        i.current && b([]);
       } finally {
-        i.current && B(!1);
+        i.current && S(!1);
       }
   }, [r, l, u]);
   g(() => {
-    s();
-  }, [s]), g(() => {
-    r && r.request(_("/users", { limit: 200, sort: "first_name" })).then((e) => {
-      i.current && S(e.data ?? []);
+    d();
+  }, [d]), g(() => {
+    r && r.request(A("/users", { limit: 200, sort: "first_name" })).then((e) => {
+      i.current && B(e.data ?? []);
     }).catch(() => {
     });
   }, [r]);
-  const R = (e) => {
+  const M = (e) => {
     if (!e) return null;
-    const d = c.find((y) => y.id === e) ?? c.find((y) => y.key === e);
-    return (d == null ? void 0 : d.label) ?? e;
+    const o = c.find((y) => y.id === e) ?? c.find((y) => y.key === e);
+    return (o == null ? void 0 : o.label) ?? e;
   };
-  async function $() {
-    if (!(!r || !o || m)) {
-      A(!0), v(null);
+  async function R() {
+    if (!(!r || !s || w)) {
+      _(!0), v(null);
       try {
         await r.request(
-          H(`/pipelines/instance/${l}/${u}/owners`, {
-            user: o,
+          F(`/pipelines/instance/${l}/${u}/owners`, {
+            user: s,
             state: C || void 0
           })
-        ), h(!1), p(""), w(""), await s();
+        ), h(!1), p(""), m(""), await d();
       } catch (e) {
-        i.current && v(N(e, "Failed to add owner"));
+        i.current && v(I(e, "Failed to add owner"));
       } finally {
-        i.current && A(!1);
+        i.current && _(!1);
       }
     }
   }
   async function q(e) {
     if (r)
       try {
-        await r.request(F(`/pipelines/instance-owners/${e}`)), await s();
+        await r.request(W(`/pipelines/instance-owners/${e}`)), await d();
       } catch {
       }
   }
@@ -88,7 +89,7 @@ function K({
           }
         ),
         "Owners",
-        b ? /* @__PURE__ */ n("span", { "data-nf-skeleton": !0, style: { display: "inline-block", width: 16, height: 10 } }) : /* @__PURE__ */ t("span", { "data-nf-owners-count": !0, children: [
+        k ? /* @__PURE__ */ n("span", { "data-nf-skeleton": !0, style: { display: "inline-block", width: 16, height: 10 } }) : /* @__PURE__ */ t("span", { "data-nf-owners-count": !0, children: [
           "(",
           f.length,
           ")"
@@ -118,7 +119,7 @@ function K({
         "Add"
       ] })
     ] }),
-    b ? /* @__PURE__ */ t("div", { "data-nf-owners-loading": !0, children: [
+    k ? /* @__PURE__ */ t("div", { "data-nf-owners-loading": !0, children: [
       /* @__PURE__ */ n(
         "span",
         {
@@ -134,12 +135,23 @@ function K({
         }
       )
     ] }) : f.length === 0 ? /* @__PURE__ */ n("p", { "data-nf-empty": !0, children: "No owners assigned." }) : /* @__PURE__ */ n("div", { "data-nf-owner-list": !0, children: f.map((e) => /* @__PURE__ */ t("div", { "data-nf-owner-row": !0, children: [
-      /* @__PURE__ */ n("span", { "data-nf-owner-avatar": !0, children: U(e.first_name, e.last_name, e.email) }),
-      /* @__PURE__ */ t("div", { "data-nf-owner-info": !0, children: [
-        /* @__PURE__ */ n("span", { "data-nf-owner-name": !0, children: [e.first_name, e.last_name].filter(Boolean).join(" ") || e.email }),
-        /* @__PURE__ */ n("span", { "data-nf-owner-email": !0, children: e.email })
-      ] }),
-      /* @__PURE__ */ n("span", { "data-nf-owner-scope": !0, children: e.state ? R(e.state) : "all states" }),
+      /* @__PURE__ */ n(N, { userId: e.user, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "data-nf-owner-person": !0,
+          "aria-label": `${[e.first_name, e.last_name].filter(Boolean).join(" ") || e.email} — profile`,
+          className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent p-0 text-left text-inherit [font:inherit] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan",
+          children: [
+            /* @__PURE__ */ n("span", { "data-nf-owner-avatar": !0, children: H(e.first_name, e.last_name, e.email) }),
+            /* @__PURE__ */ t("span", { "data-nf-owner-info": !0, children: [
+              /* @__PURE__ */ n("span", { "data-nf-owner-name": !0, children: [e.first_name, e.last_name].filter(Boolean).join(" ") || e.email }),
+              /* @__PURE__ */ n("span", { "data-nf-owner-email": !0, children: e.email })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ n("span", { "data-nf-owner-scope": !0, children: e.state ? M(e.state) : "all states" }),
       /* @__PURE__ */ n(
         "button",
         {
@@ -171,18 +183,18 @@ function K({
     ] }, e.id)) }),
     x && /* @__PURE__ */ t("div", { "data-nf-owners-form": !0, children: [
       /* @__PURE__ */ n("p", { "data-nf-owners-form-title": !0, children: "Add owner" }),
-      /* @__PURE__ */ t("select", { value: o, onChange: (e) => p(e.target.value), "data-nf-task-input": !0, children: [
+      /* @__PURE__ */ t("select", { value: s, onChange: (e) => p(e.target.value), "data-nf-task-input": !0, children: [
         /* @__PURE__ */ n("option", { value: "", children: "Select a user…" }),
-        j.map((e) => {
-          const d = [e.first_name, e.last_name].filter(Boolean).join(" ") || e.email;
-          return /* @__PURE__ */ n("option", { value: e.id, children: d }, e.id);
+        L.map((e) => {
+          const o = [e.first_name, e.last_name].filter(Boolean).join(" ") || e.email;
+          return /* @__PURE__ */ n("option", { value: e.id, children: o }, e.id);
         })
       ] }),
       /* @__PURE__ */ t(
         "select",
         {
           value: C,
-          onChange: (e) => w(e.target.value),
+          onChange: (e) => m(e.target.value),
           "data-nf-task-input": !0,
           children: [
             /* @__PURE__ */ n("option", { value: "", children: "All states" }),
@@ -190,7 +202,7 @@ function K({
           ]
         }
       ),
-      L ? /* @__PURE__ */ n("span", { role: "alert", "data-nf-owners-error": !0, children: L }) : null,
+      j ? /* @__PURE__ */ n("span", { role: "alert", "data-nf-owners-error": !0, children: j }) : null,
       /* @__PURE__ */ t("div", { "data-nf-confirm-actions": !0, children: [
         /* @__PURE__ */ n(
           "button",
@@ -198,7 +210,7 @@ function K({
             type: "button",
             "data-nf-btn-ghost": !0,
             onClick: () => {
-              h(!1), p(""), w(""), v(null);
+              h(!1), p(""), m(""), v(null);
             },
             children: "Cancel"
           }
@@ -208,9 +220,9 @@ function K({
           {
             type: "button",
             "data-nf-btn-primary": !0,
-            disabled: !o || m,
-            onClick: () => void $(),
-            children: m ? "…" : "Add"
+            disabled: !s || w,
+            onClick: () => void R(),
+            children: w ? "…" : "Add"
           }
         )
       ] })
@@ -218,5 +230,5 @@ function K({
   ] });
 }
 export {
-  K as OwnersSection
+  Q as OwnersSection
 };