@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,233 +1,156 @@
-import { getInitials as s } from "../../../shared/util/dist/index6.js";
-import { isRoleVisibleForOrganization as C, filterRolesForOrganization as I } from "../../../../shared/util-validation/dist/index6.js";
-import { sortRolesBySortOrdinal as b } from "../../../../shared/util-validation/dist/index22.js";
-import { toRoleDisplayOptions as v, resolveOrganizationRoleDisplayName as l, rolesForMemberOrganization as m, resolveOrganizationRoleDescription as L, resolveOrganizationRoleIcon as A, resolveOrganizationRoleKeyForUser as T, stripRoleNamespace as y, bareRoleKey as d } from "./index16.js";
-import { roleIconForKey as g } from "./index17.js";
-function O(e) {
-  const a = e.status?.trim().toUpperCase() ?? "";
-  return !!e.key?.trim() && (a === "ACTIVE" || a === "");
-}
-function S(e, a) {
-  const n = a ? I(e, a) : e;
-  return b(n.filter(O));
-}
-function h(e, a) {
-  const n = a ? e.filter(
-    (o) => C({ ...o, status: "ACTIVE" }, a)
-  ) : e;
-  return v(b(n));
-}
-function j(e) {
-  return e.map((a) => ({
-    value: a.id,
-    label: a.name,
-    description: a.description?.trim() || "",
-    icon: g(a.key, a.icon)
-  }));
-}
-function x(e) {
-  return e.map((a) => ({ value: a.id, label: a.name }));
-}
-function w(e) {
-  return (e.status ?? "").trim().toUpperCase() === "ACTIVE";
-}
-function B(e, a, n, o) {
-  return e.filter(w).map((t) => {
-    const r = l(
-      m(
-        a,
-        t.organizationId,
-        o
-      ),
-      t.role
-    ) ?? u(t.role, n);
-    return {
-      value: t.id,
-      label: t.name,
-      sublabel: `${r} · ${t.email}`
-    };
-  });
-}
-function _(e, a) {
-  const n = a?.trim();
-  if (!n)
-    return;
-  const o = n.toLowerCase(), t = d(n);
-  return e.find((r) => {
-    const i = r.key.trim(), c = d(i);
-    return (
-      // Identical keys (both namespaced, or both bare).
-      i.toLowerCase() === o || // Namespace stripped from both sides — the robust match.
-      c === t || // Last resort: the display name (unreliable once a role is renamed).
-      r.name.trim().toLowerCase() === t
-    );
-  })?.id;
-}
-const z = ["INACTIVE", "REVOKED"];
-function D(e) {
-  if (!e)
-    return !1;
-  const a = e.status?.trim().toUpperCase() ?? "";
-  return !z.includes(a);
-}
-function M(e) {
-  return e.split(/[\s_-]+/).filter(Boolean).map((a) => a[0].toUpperCase() + a.slice(1).toLowerCase()).join(" ");
-}
-function u(e, a) {
-  const n = e?.trim();
-  if (!n)
-    return a.notAvailable;
-  const o = y(n).trim() || n;
-  return M(o);
-}
-function p(e, a) {
-  const n = e?.trim();
-  return n ? n[0].toUpperCase() + n.slice(1).toLowerCase() : a.notAvailable;
+import { getInitials as e } from "../../../shared/util/dist/index6.js";
+import { filterRolesForOrganization as t, isRoleVisibleForOrganization as n } from "../../../../shared/util-validation/dist/index6.js";
+import { sortRolesBySortOrdinal as r } from "../../../../shared/util-validation/dist/index22.js";
+import { bareRoleKey as i, resolveOrganizationRoleDescription as a, resolveOrganizationRoleDisplayName as o, resolveOrganizationRoleIcon as s, resolveOrganizationRoleKeyForUser as c, rolesForMemberOrganization as l, stripRoleNamespace as u, toRoleDisplayOptions as d } from "./index9.js";
+import { roleIconForKey as f } from "./index10.js";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/feature/dist/index11.js
+function p(e) {
+	let t = e.status?.trim().toUpperCase() ?? "";
+	return !!e.key?.trim() && (t === "ACTIVE" || t === "");
+}
+function m(e, n) {
+	let i = n ? t(e, n) : e;
+	return r(i.filter(p));
+}
+function h(e, t) {
+	let i = t ? e.filter((e) => n({
+		...e,
+		status: "ACTIVE"
+	}, t)) : e;
+	return d(r(i));
+}
+function g(e) {
+	return e.map((e) => ({
+		value: e.id,
+		label: e.name,
+		description: e.description?.trim() || "",
+		icon: f(e.key, e.icon)
+	}));
+}
+function _(e) {
+	return e.map((e) => ({
+		value: e.id,
+		label: e.name
+	}));
+}
+function v(e) {
+	return (e.status ?? "").trim().toUpperCase() === "ACTIVE";
+}
+function y(e, t, n, r) {
+	return e.filter(v).map((e) => {
+		let i = o(l(t, e.organizationId, r), e.role) ?? w(e.role, n);
+		return {
+			value: e.id,
+			label: e.name,
+			sublabel: `${i} · ${e.email}`
+		};
+	});
+}
+function b(e, t) {
+	let n = t?.trim();
+	if (!n) return;
+	let r = n.toLowerCase(), a = i(n);
+	return e.find((e) => {
+		let t = e.key.trim(), n = i(t);
+		return t.toLowerCase() === r || n === a || e.name.trim().toLowerCase() === a;
+	})?.id;
+}
+var x = ["INACTIVE", "REVOKED"];
+function S(e) {
+	if (!e) return !1;
+	let t = e.status?.trim().toUpperCase() ?? "";
+	return !x.includes(t);
+}
+function C(e) {
+	return e.split(/[\s_-]+/).filter(Boolean).map((e) => e[0].toUpperCase() + e.slice(1).toLowerCase()).join(" ");
+}
+function w(e, t) {
+	let n = e?.trim();
+	return n ? C(u(n).trim() || n) : t.notAvailable;
+}
+function T(e, t) {
+	let n = e?.trim();
+	return n ? n[0].toUpperCase() + n.slice(1).toLowerCase() : t.notAvailable;
 }
 function E(e) {
-  if (!e)
-    return "";
-  const a = new Date(e);
-  return Number.isNaN(a.getTime()) ? "" : a.toLocaleString(void 0, {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-function N(e, a, n = [], o) {
-  const t = m(
-    n,
-    e.organizationId,
-    o
-  );
-  return {
-    name: e.name,
-    email: e.email,
-    initials: s(e.name),
-    // Catalog display name first, matching the detail view and the role cards.
-    // `user.role` is a role *key*, so title-casing it renders a stale label the
-    // moment a role is renamed (Admin -> Company Admin). The key-derived label
-    // stays as the fallback for a role the catalog doesn't have, and for the
-    // first render before the roles load.
-    roleLabel: l(t, e.role) ?? u(e.role, a),
-    statusLabel: p(e.status, a)
-  };
-}
-function f(e) {
-  switch ((e ?? "").trim().toUpperCase()) {
-    case "ACTIVE":
-      return "success";
-    case "INVITED":
-      return "info";
-    default:
-      return "neutral";
-  }
-}
-function U(e, a, n, o = [], t) {
-  return {
-    key: e.id,
-    ...N(
-      e,
-      a,
-      o,
-      t
-    ),
-    statusTone: f(e.status),
-    departmentLabel: e.department?.name?.trim() || a.notAvailable,
-    // Deactivated members (INACTIVE / REVOKED) render dimmed, like the legacy list.
-    isInactive: !D(e),
-    onSelect: n
-  };
-}
-function q(e, a, n, o = [], t) {
-  return e.map(
-    (r) => U(
-      r,
-      a,
-      () => n(r.id),
-      o,
-      t
-    )
-  );
-}
-function G(e, a, n = [], o) {
-  const t = m(
-    n,
-    e.organizationId,
-    o
-  ), r = l(t, e.role) ?? u(e.role, a), i = L(t, e.role) ?? "", c = A(t, e.role) ?? null, R = T(t, e.role);
-  return {
-    name: e.name,
-    email: e.email,
-    initials: s(e.name),
-    statusLabel: p(e.status, a),
-    statusTone: f(e.status),
-    // Fallback only: the account-access summary is account-centric (there is no
-    // per-user rollup), so `TeamWidget` overrides this with a value derived from
-    // the per-account access reads via `useMemberAccountAccess`. Kept as the
-    // not-available placeholder for callers/tests that don't supply one.
-    accountAccessLabel: a.notAvailable,
-    roleCardTitle: r,
-    roleCardDescription: i,
-    roleCardIcon: g(R, c),
-    lastSignInLabel: E(e.lastLoggedInDateTime),
-    departmentLabel: e.department?.name?.trim() || a.notAvailable,
-    locationLabel: e.location?.name?.trim() || a.notAvailable
-  };
-}
-function W(e, a, n, o = [], t) {
-  return e.filter((r) => r.reportingManagerUserId === a).map((r) => ({
-    key: r.id,
-    // Avatar color seed — email, not id, so it matches every other surface
-    // that colors this person's avatar (settings header, sidebar account
-    // switcher), which only ever have the email available.
-    email: r.email,
-    name: r.name,
-    initials: s(r.name),
-    // Same catalog-first resolution as the member rows and the detail header,
-    // narrowed to this report's own org: these render on the detail screen
-    // alongside that header, so a key-derived label here would contradict the
-    // badge directly above it.
-    roleLabel: l(
-      m(
-        o,
-        r.organizationId,
-        t
-      ),
-      r.role
-    ) ?? u(r.role, n),
-    departmentLabel: r.department?.name?.trim() || n.notAvailable,
-    statusLabel: p(r.status, n),
-    statusTone: f(r.status)
-  }));
-}
-function H(e, a) {
-  if (!a)
-    return;
-  const n = e.find((o) => o.id === a);
-  if (n)
-    return {
-      id: n.id,
-      email: n.email,
-      name: n.name,
-      initials: s(n.name)
-    };
-}
-export {
-  O as isAssignableRole,
-  w as isEligibleReportingManager,
-  D as isMemberActionable,
-  _ as resolveMemberRoleId,
-  H as resolveReportingManager,
-  S as toAssignableRoles,
-  W as toDirectReportRows,
-  x as toNamedSelectOptions,
-  B as toReportingManagerOptions,
-  j as toRoleCardOptions,
-  h as toRoleDisplayCatalog,
-  G as toTeamMemberDetails,
-  U as toTeamMemberRow,
-  q as toTeamMemberRows
-};
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "numeric",
+		minute: "2-digit"
+	});
+}
+function D(t, n, r = [], i) {
+	let a = l(r, t.organizationId, i);
+	return {
+		name: t.name,
+		email: t.email,
+		initials: e(t.name),
+		roleLabel: o(a, t.role) ?? w(t.role, n),
+		statusLabel: T(t.status, n)
+	};
+}
+function O(e) {
+	switch ((e ?? "").trim().toUpperCase()) {
+		case "ACTIVE": return "success";
+		case "INVITED": return "info";
+		default: return "neutral";
+	}
+}
+function k(e, t, n, r = [], i) {
+	return {
+		key: e.id,
+		...D(e, t, r, i),
+		statusTone: O(e.status),
+		departmentLabel: e.department?.name?.trim() || t.notAvailable,
+		isInactive: !S(e),
+		onSelect: n
+	};
+}
+function A(e, t, n, r = [], i) {
+	return e.map((e) => k(e, t, () => n(e.id), r, i));
+}
+function j(t, n, r = [], i) {
+	let u = l(r, t.organizationId, i), d = o(u, t.role) ?? w(t.role, n), p = a(u, t.role) ?? "", m = s(u, t.role) ?? null, h = c(u, t.role);
+	return {
+		name: t.name,
+		email: t.email,
+		initials: e(t.name),
+		statusLabel: T(t.status, n),
+		statusTone: O(t.status),
+		accountAccessLabel: n.notAvailable,
+		roleCardTitle: d,
+		roleCardDescription: p,
+		roleCardIcon: f(h, m),
+		lastSignInLabel: E(t.lastLoggedInDateTime),
+		departmentLabel: t.department?.name?.trim() || n.notAvailable,
+		locationLabel: t.location?.name?.trim() || n.notAvailable
+	};
+}
+function M(t, n, r, i = [], a) {
+	return t.filter((e) => e.reportingManagerUserId === n).map((t) => ({
+		key: t.id,
+		email: t.email,
+		name: t.name,
+		initials: e(t.name),
+		roleLabel: o(l(i, t.organizationId, a), t.role) ?? w(t.role, r),
+		departmentLabel: t.department?.name?.trim() || r.notAvailable,
+		statusLabel: T(t.status, r),
+		statusTone: O(t.status)
+	}));
+}
+function N(t, n) {
+	if (!n) return;
+	let r = t.find((e) => e.id === n);
+	if (r) return {
+		id: r.id,
+		email: r.email,
+		name: r.name,
+		initials: e(r.name)
+	};
+}
+//#endregion
+export { p as isAssignableRole, v as isEligibleReportingManager, S as isMemberActionable, b as resolveMemberRoleId, N as resolveReportingManager, m as toAssignableRoles, M as toDirectReportRows, _ as toNamedSelectOptions, y as toReportingManagerOptions, g as toRoleCardOptions, h as toRoleDisplayCatalog, j as toTeamMemberDetails, k as toTeamMemberRow, A as toTeamMemberRows };

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

@@ -1,39 +1,112 @@
-import { getInitials as a } from "../../../shared/util/dist/index6.js";
-function m(t) {
-  const n = t.name?.trim();
-  return n ? `${n} (${t.email})` : t.email;
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useAllBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllExternalBankAccountsQuery as n } from "../../../shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { TeamWidgetAnalyticsEvent as i } from "./index2.js";
+import { useInviteUserMutation as a } from "../../data-access/dist/index7.js";
+import { useAllTeamMembersQuery as o } from "../../data-access/dist/index14.js";
+import { useAllDepartmentsQuery as s } from "../../data-access/dist/index17.js";
+import { useAllLocationsQuery as c } from "../../data-access/dist/index21.js";
+import "../../data-access/dist/index.js";
+import { toNamedSelectOptions as l, toReportingManagerOptions as ee, toRoleCardOptions as te } from "./index11.js";
+import { isAccountsSectionVisibleForRole as ne, isAdminRoleKey as u, isEmployeeRoleKey as re, resolveRoleKeyById as d, toAccountAccessInputs as f, toAccountAccessOptions as ie } from "./index7.js";
+import { resolveAcceptInviteRedirectUri as ae } from "./index8.js";
+import { useMemo as p, useState as m } from "react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/feature/dist/index12.js
+var h = {
+	name: "",
+	email: "",
+	department: "",
+	location: "",
+	reportingManager: "",
+	role: "",
+	accountAccess: []
+}, g = /^\S+@\S+\.\S+$/;
+function _({ canInvite: _, canReadDirectory: v, canManageAccountAccess: y, canReadInternalAccounts: b, canReadExternalAccounts: x, roles: S, roleCatalog: C = [], organizationId: w, featureLabels: T, acceptInviteRedirectUri: E }) {
+	let oe = r(), [D, O] = m(!1), [k, A] = m(h), [se, j] = m({}), M = a(), N = D && _ && v, P = s({ enabled: N }), F = c({ enabled: N }), I = o({
+		Status: "ACTIVE",
+		enabled: N
+	}), L = D && _ && y, R = t({ enabled: L && b }), z = n({ enabled: L && x }), B = p(() => te(S), [S]), V = p(() => P.isComplete ? l(P.data?.data ?? []) : [], [P.isComplete, P.data?.data]), H = p(() => F.isComplete ? l(F.data?.data ?? []) : [], [F.isComplete, F.data?.data]), U = p(() => I.isComplete ? ee(I.data?.data ?? [], C, T, w) : [], [
+		I.isComplete,
+		I.data?.data,
+		C,
+		T,
+		w
+	]), W = N && !P.isComplete && !P.isError, G = N && !F.isComplete && !F.isError, K = N && !I.isComplete && !I.isError, ce = N && P.isError, le = N && F.isError, ue = N && I.isError, q = !b || !!R.data && !R.hasNextPage && !R.isFetchingNextPage, de = !x || !!z.data && !z.hasNextPage && !z.isFetchingNextPage, J = L && (b && R.isError || x && z.isError), Y = L && !J && (!q || !de), X = p(() => ie(b ? R.data?.data ?? [] : [], x ? z.data?.data ?? [] : [], {
+		checking: T.accountTypeChecking,
+		savings: T.accountTypeSavings
+	}), [
+		b,
+		x,
+		R.data?.data,
+		z.data?.data,
+		T.accountTypeChecking,
+		T.accountTypeSavings
+	]), fe = X.options, Z = d(S, k.role), Q = u(Z), $ = y && ne(Z), pe = y && re(Z), me = $ ? Q ? "admin" : "picker" : pe ? "employee" : "hidden";
+	return {
+		isInviteOpen: D,
+		inviteForm: k,
+		inviteErrors: se,
+		isInviting: M.isPending,
+		inviteErrorMessage: M.isError ? T.inviteFailedError : void 0,
+		roleOptions: B,
+		departmentOptions: V,
+		locationOptions: H,
+		reportingManagerOptions: U,
+		accountAccessOptions: fe,
+		departmentsLoading: W,
+		locationsLoading: G,
+		reportingManagersLoading: K,
+		departmentsError: ce,
+		locationsError: le,
+		reportingManagersError: ue,
+		accountAccessLoading: Y,
+		accountAccessError: J,
+		accountAccessMode: me,
+		openInviteForm: () => {
+			_ && (A(h), j({}), M.reset(), O(!0));
+		},
+		closeInviteForm: () => {
+			O(!1);
+		},
+		onInviteFormChange: A,
+		onInviteSubmit: () => {
+			if (!_ || W || G || K || $ && (Y || J)) return;
+			let t = {}, n = k.name.trim(), r = k.email.trim();
+			n || (t.name = T.nameRequiredError), r ? g.test(r) || (t.email = T.emailInvalidError) : t.email = T.emailRequiredError;
+			let a = k.role;
+			if (S.some((e) => e.id === a) ? Q && !y && (t.role = T.roleNeedsAccountAccessError) : t.role = T.roleRequiredError, j(t), t.name || t.email || t.role) return;
+			let o = $ ? Q ? X.allAccountIds : k.accountAccess : [], s = f(o, X.descriptors);
+			M.mutate({
+				body: {
+					name: n,
+					email: r,
+					status: "INVITED",
+					reportingManagerUserId: k.reportingManager || null,
+					permissionIds: [],
+					redirectUri: ae(E)
+				},
+				roleId: a,
+				departmentId: k.department || void 0,
+				locationId: k.location || void 0,
+				bankAccountAccess: s
+			}, {
+				onSuccess: (t) => {
+					oe(i.MemberInvited, { memberId: t?.id }), e.success(T.inviteSuccessToast), O(!1);
+				},
+				onError: (e) => {
+					console.error("Failed to send team invite:", e);
+				}
+			});
+		}
+	};
 }
-function f(t) {
-  const n = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), o = [];
-  for (const i of t) {
-    const r = m(i);
-    o.push(r), n.set(r, i.id), e.set(i.id, r);
-  }
-  return { options: o, optionToId: n, idToOption: e };
-}
-const u = 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 < u && r.push({ key: o.email, initials: a(o.name) }) : e.set(i, [{ key: o.email, 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
-};
+//#endregion
+export { _ as useInviteForm };