@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/team-widget/data-access/dist/index7.js

@@ -0,0 +1,53 @@
+"use client";
+import { useMemo as y } from "react";
+import { useInfiniteQuery as f } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as h } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as x } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getUsers as q } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { getUsersOptions as k } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { getAllPagesNextPageParam as v, useAutoFetchNextPage as A } from "../../../shared/data-access/dist/lib/allPages.js";
+const u = 100;
+function K({
+  Status: a,
+  enabled: r
+} = {}) {
+  const { client: i, organizationId: o, widgetToken: g, authEpoch: l } = h(), s = x(o), n = !!(o && g) && (r === !0 || r === void 0), p = k({
+    client: i,
+    headers: s,
+    query: { Limit: u, ...a ? { Status: a } : {} }
+  }), e = f({
+    queryKey: [...p.queryKey, "all", { authEpoch: l }],
+    enabled: n,
+    initialPageParam: void 0,
+    queryFn: async ({ signal: t, pageParam: m }) => {
+      const { data: P } = await q({
+        client: i,
+        headers: s,
+        query: {
+          Limit: u,
+          ...a ? { Status: a } : {},
+          ...m ? { PaginationToken: m } : {}
+        },
+        signal: t,
+        throwOnError: !0
+      });
+      return P;
+    },
+    getNextPageParam: v
+  });
+  A(e, n);
+  const d = y(() => e.data ? {
+    data: e.data.pages.flatMap(
+      (t) => t.data ?? []
+    ),
+    nextPaginationToken: null,
+    prevPaginationToken: null
+  } : void 0, [e.data]), c = e.isSuccess && !e.hasNextPage && !e.isFetchingNextPage;
+  return { ...e, data: d, isComplete: c };
+}
+export {
+  K as useAllTeamMembersQuery
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/data-access/dist/index8.js

@@ -0,0 +1,50 @@
+"use client";
+import { useMutation as p } from "@tanstack/react-query";
+import { invalidateAllClients as s } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as c } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as h } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { updateUser as u, bulkUpdateRoleMembers as d } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+import { teamMembersInvalidationKey as m } from "./index2.js";
+function v() {
+  const { client: e, organizationId: r } = c(), a = h(r);
+  return p({
+    mutationFn: async ({
+      path: i,
+      body: n,
+      roleChange: o
+    }) => {
+      let t = !1;
+      try {
+        Object.keys(n).length > 0 && (await u({ client: e, headers: a, path: i, body: n, throwOnError: !0 }), t = !0), o && (o.removeRoleId && (await d({
+          client: e,
+          headers: a,
+          path: { roleId: o.removeRoleId },
+          body: { type: "REMOVE", userIds: [i.id] },
+          throwOnError: !0
+        }), t = !0), await d({
+          client: e,
+          headers: a,
+          path: { roleId: o.addRoleId },
+          body: { type: "ASSIGN", userIds: [i.id] },
+          throwOnError: !0
+        }), t = !0);
+      } catch (l) {
+        throw t && await s(
+          m({ client: e, organizationId: r })
+        ), l;
+      }
+    },
+    onSuccess: async () => {
+      await s(
+        m({ client: e, organizationId: r })
+      );
+    }
+  });
+}
+export {
+  v as useUpdateTeamMemberMutation
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/data-access/dist/index9.js

@@ -0,0 +1,18 @@
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { listDepartmentsQueryKey as i } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+const c = ({
+  client: t,
+  organizationId: o
+}) => i({
+  client: t,
+  headers: r(o)
+});
+export {
+  c as departmentsInvalidationKey
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index10.js

@@ -0,0 +1,60 @@
+"use client";
+import { useState as b, useEffect as D } from "react";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import "react-error-boundary";
+import { useAnalyticsTrack as l } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useDeactivateTeamMemberMutation as M } from "../../data-access/dist/index3.js";
+import { TeamWidgetAnalyticsEvent as E } from "./index4.js";
+import { isMemberActionable as g } from "./index11.js";
+function z({
+  canDeactivate: r,
+  members: m,
+  featureLabels: c
+}) {
+  const p = l(), [o, i] = b(), a = M(), s = o ? m.find((e) => e.id === o) : void 0, t = g(s) ? s : void 0, n = !!o && !t;
+  D(() => {
+    n && i(void 0);
+  }, [n]);
+  const d = (e) => {
+    r && m.some((u) => u.id === e) && (a.reset(), i(e));
+  }, v = (e) => {
+    e || i(void 0);
+  }, f = () => {
+    if (!r || !t)
+      return;
+    const e = t.id;
+    a.mutate(
+      { path: { userId: e } },
+      {
+        onSuccess: () => {
+          p(E.MemberDeactivated, { memberId: e }), i(void 0);
+        }
+      }
+    );
+  };
+  return {
+    isDeactivateOpen: !!t,
+    deactivateMemberName: t?.name ?? "",
+    deactivateMemberEmail: t?.email ?? "",
+    isDeactivating: a.isPending,
+    deactivateErrorMessage: a.isError ? c.deactivateFailedError : void 0,
+    openDeactivateConfirmation: d,
+    onDeactivateOpenChange: v,
+    onDeactivateConfirm: f
+  };
+}
+export {
+  z as useTeamActions
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index11.js

@@ -0,0 +1,149 @@
+import { getInitials as i } from "../../../shared/util/dist/index5.js";
+import { filterRolesForOrganization as f } from "../../../../shared/util-validation/dist/index6.js";
+import { resolveOrganizationRoleDisplayName as d, resolveOrganizationRoleDescription as b, resolveOrganizationRoleIcon as g, resolveOrganizationRoleKeyForUser as C } from "./index5.js";
+import { roleIconForKey as s } from "./index14.js";
+function v(e) {
+  const n = e.status?.trim().toUpperCase() ?? "";
+  return !!e.key?.trim() && (n === "ACTIVE" || n === "");
+}
+function M(e, n) {
+  return (n ? f(e, n) : e).filter(v);
+}
+function U(e) {
+  return e.map((n) => ({ value: n.id, label: n.name }));
+}
+function N(e) {
+  return e.map((n) => ({
+    value: n.id,
+    label: n.name,
+    description: n.description?.trim() || "",
+    icon: s(n.key, n.icon)
+  }));
+}
+function V(e) {
+  return e.map((n) => ({ value: n.id, label: n.name }));
+}
+function I(e) {
+  if ((e.status ?? "").trim().toUpperCase() !== "ACTIVE")
+    return !1;
+  const n = e.role?.trim() ?? "";
+  return (o(n).trim() || n).toLowerCase() === "admin" ? !0 : e.isExpenseApprover === !0;
+}
+function S(e) {
+  return e.filter(I).map((n) => ({ value: n.id, label: n.name }));
+}
+function h(e, n) {
+  const r = n?.trim();
+  if (!r)
+    return;
+  const t = (o(r).trim() || r).toLowerCase();
+  return e.find(
+    (a) => a.key.trim().toLowerCase() === t || a.name.trim().toLowerCase() === t
+  )?.id;
+}
+const L = ["INACTIVE", "REVOKED"];
+function k(e) {
+  if (!e)
+    return !1;
+  const n = e.status?.trim().toUpperCase() ?? "";
+  return !L.includes(n);
+}
+function A(e) {
+  return e.split(/[\s_-]+/).filter(Boolean).map((n) => n[0].toUpperCase() + n.slice(1).toLowerCase()).join(" ");
+}
+function o(e) {
+  const n = e.lastIndexOf(":");
+  return n === -1 ? e : e.slice(n + 1);
+}
+function l(e, n) {
+  const r = e?.trim();
+  if (!r)
+    return n.notAvailable;
+  const t = o(r).trim() || r;
+  return A(t);
+}
+function u(e, n) {
+  const r = e?.trim();
+  return r ? r[0].toUpperCase() + r.slice(1).toLowerCase() : n.notAvailable;
+}
+function R(e, n) {
+  if (!e)
+    return n.neverSignedIn;
+  const r = new Date(e);
+  return Number.isNaN(r.getTime()) ? n.neverSignedIn : r.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function T(e, n) {
+  return {
+    name: e.name,
+    email: e.email,
+    initials: i(e.name),
+    roleLabel: l(e.role, n),
+    statusLabel: u(e.status, n)
+  };
+}
+function m(e) {
+  switch ((e ?? "").trim().toUpperCase()) {
+    case "ACTIVE":
+      return "success";
+    case "INVITED":
+      return "info";
+    default:
+      return "neutral";
+  }
+}
+function w(e, n, r) {
+  return {
+    key: e.id,
+    ...T(e, n),
+    statusTone: m(e.status),
+    departmentLabel: e.department?.name?.trim() || n.notAvailable,
+    onSelect: r
+  };
+}
+function z(e, n, r) {
+  return e.map(
+    (t) => w(t, n, () => r(t.id))
+  );
+}
+function F(e, n, r = []) {
+  const t = d(r, e.role) ?? l(e.role, n), a = b(r, e.role) ?? "", c = g(r, e.role) ?? null, p = C(
+    r,
+    e.role
+  );
+  return {
+    name: e.name,
+    email: e.email,
+    initials: i(e.name),
+    statusLabel: u(e.status, n),
+    statusTone: m(e.status),
+    // Per-user account access is not yet readable through the embedded REST
+    // SDK (tracked on EMBD-3109) — show the not-available placeholder.
+    accountAccessLabel: n.notAvailable,
+    roleCardTitle: t,
+    roleCardDescription: a,
+    roleCardIcon: s(p, c),
+    lastSignInLabel: R(e.lastLoggedInDateTime, n),
+    departmentLabel: e.department?.name?.trim() || n.notAvailable,
+    locationLabel: e.location?.name?.trim() || n.notAvailable
+  };
+}
+export {
+  v as isAssignableRole,
+  I as isEligibleReportingManager,
+  k as isMemberActionable,
+  h as resolveMemberRoleId,
+  M as toAssignableRoles,
+  V as toNamedSelectOptions,
+  S as toReportingManagerOptions,
+  N as toRoleCardOptions,
+  U as toRoleOptions,
+  F as toTeamMemberDetails,
+  w as toTeamMemberRow,
+  z as toTeamMemberRows
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index12.js

@@ -0,0 +1,39 @@
+import { getInitials as a } from "../../../shared/util/dist/index5.js";
+function u(t) {
+  const n = t.name?.trim();
+  return n ? `${n} (${t.email})` : t.email;
+}
+function f(t) {
+  const n = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), o = [];
+  for (const i of t) {
+    const r = u(i);
+    o.push(r), n.set(r, i.id), e.set(i.id, r);
+  }
+  return { options: o, optionToId: n, idToOption: e };
+}
+const c = 3;
+function l(t, n) {
+  const e = /* @__PURE__ */ new Map();
+  for (const o of t) {
+    const i = n(o);
+    if (!i)
+      continue;
+    const r = e.get(i);
+    r ? r.length < c && r.push({ key: o.id, initials: a(o.name) }) : e.set(i, [{ key: o.id, initials: a(o.name) }]);
+  }
+  return e;
+}
+function p(t, n) {
+  const e = typeof t == "string" ? Number.parseInt(t, 10) : t ?? 0;
+  return !e || Number.isNaN(e) || e <= 0 ? n.noMembers : `${e} ${e === 1 ? n.memberSingular : n.memberPlural}`;
+}
+function b(t, n) {
+  const e = new Set(t), o = new Set(n), i = n.filter((s) => !e.has(s)), r = t.filter((s) => !o.has(s));
+  return { toAssign: i, toRemove: r };
+}
+export {
+  l as buildAssignedAvatars,
+  f as buildMemberDirectory,
+  b as diffMemberSelection,
+  p as formatMembersCount
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index13.js

@@ -0,0 +1,134 @@
+"use client";
+import { useState as n, useRef as _, useEffect as ee } from "react";
+import { formatMembersCount as ie, diffMemberSelection as te } from "./index12.js";
+function se(k) {
+  const {
+    canRead: y,
+    canWrite: C,
+    directory: d,
+    directoryReady: h,
+    assignedAvatarsByGroupId: x,
+    useListQuery: G,
+    useEditMembers: j,
+    useMutations: B,
+    panelLabels: F,
+    drawerLabels: Q,
+    countLabels: W,
+    saveFailedMessage: q,
+    deleteFailedMessage: z
+  } = k, l = G(), s = B(), [a, u] = n("closed"), [i, w] = n(), [L, A] = n(""), [H, E] = n(""), [R, g] = n([]), [J, b] = n(), [m, S] = n(), [K, p] = n(), v = j(a === "edit" ? i : void 0), O = (v.data?.members?.data ?? []).map(
+    (e) => e.id
+  ), N = y ? l.data?.data ?? [] : [], D = h && (a !== "edit" || !!v.data), c = _(void 0);
+  ee(() => {
+    a !== "edit" || !i || c.current !== i && (!v.data || !h || (c.current = i, g(
+      O.map((e) => d.idToOption.get(e)).filter((e) => !!e)
+    )));
+  }, [
+    a,
+    i,
+    v.data,
+    h,
+    O,
+    d
+  ]);
+  const f = () => {
+    u("closed"), w(void 0), A(""), E(""), g([]), b(void 0), c.current = void 0;
+  }, P = () => {
+    f(), u("create");
+  }, U = (e) => {
+    const t = N.find((o) => o.id === e);
+    u("edit"), w(e), A(t?.name ?? ""), E(t?.name ?? ""), g([]), b(void 0), c.current = void 0;
+  }, I = () => R.map((e) => d.optionToId.get(e)).filter((e) => !!e), V = async () => {
+    const e = L.trim();
+    if (e && D) {
+      b(void 0);
+      try {
+        if (a === "create") {
+          const t = await s.create(e);
+          u("edit"), w(t.id), E(e), c.current = t.id;
+          const o = I();
+          o.length > 0 && await s.assignMembers(t.id, o);
+        } else if (a === "edit" && i) {
+          e !== H.trim() && await s.rename(i, e);
+          const t = O.filter(
+            (M) => d.idToOption.has(M)
+          ), { toAssign: o, toRemove: r } = te(
+            t,
+            I()
+          );
+          o.length > 0 && await s.assignMembers(i, o), r.length > 0 && await s.removeMembers(i, r);
+        }
+        f();
+      } catch {
+        b(q);
+      }
+    }
+  }, T = (e) => {
+    S(e), p(void 0);
+  }, $ = () => {
+    S(void 0), p(void 0);
+  }, X = async () => {
+    if (m) {
+      p(void 0);
+      try {
+        await s.remove(m), $(), i === m && f();
+      } catch {
+        p(z);
+      }
+    }
+  }, Y = N.map((e) => {
+    const t = typeof e.memberCount == "string" ? Number.parseInt(e.memberCount, 10) : e.memberCount ?? 0, o = Number.isNaN(t) ? 0 : t, r = x?.get(e.id), M = r ? Math.max(0, o - r.length) : 0;
+    return {
+      key: e.id,
+      name: e.name,
+      membersLabel: ie(e.memberCount, W),
+      assignedAvatars: r,
+      assignedOverflowLabel: M > 0 ? `+${M}` : void 0,
+      // Bind row gestures here so the UI layer never handles group identity.
+      onEdit: C ? () => U(e.id) : void 0,
+      onDelete: C ? () => T(e.id) : void 0
+    };
+  }), Z = N.find((e) => e.id === m)?.name ?? "";
+  return {
+    canRead: y,
+    panel: {
+      rows: Y,
+      // Stay in the loading state until the fetch-all has loaded every page, so
+      // an incomplete list can't be shown or edited/deleted mid-paging.
+      isLoading: y && (l.isLoading || l.isComplete === !1),
+      isError: l.isError,
+      onAddClick: C ? P : void 0,
+      labels: F
+    },
+    drawer: {
+      open: a !== "closed",
+      isEditMode: a === "edit",
+      name: L,
+      onNameChange: A,
+      options: d.options,
+      selectedOptions: R,
+      onSelectedOptionsChange: (e) => g(Array.isArray(e) ? e : [e]),
+      isSaveDisabled: !L.trim() || s.isMutating || !D,
+      submitErrorMessage: J,
+      onOpenChange: (e) => {
+        e || f();
+      },
+      onSubmit: V,
+      onDelete: a === "edit" && i ? () => T(i) : void 0,
+      labels: Q
+    },
+    deleteDialog: {
+      open: !!m,
+      subjectName: Z,
+      isConfirming: s.isMutating,
+      errorMessage: K,
+      onOpenChange: (e) => {
+        e || $();
+      },
+      onConfirm: X
+    }
+  };
+}
+export {
+  se as useGroupAdmin
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index14.js

@@ -0,0 +1,15 @@
+import { UserPlus as n, UserCog as r, FileText as t, Eye as c, Crown as i } from "lucide-react";
+const o = {
+  crown: i,
+  eye: c,
+  "file-invoice-dollar": t,
+  "user-cog": r,
+  "user-plus": n
+};
+function a(l, s) {
+  const e = s?.trim().toLowerCase();
+  return e && o[e] ? o[e] : r;
+}
+export {
+  a as roleIconForKey
+};