@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,10 +1,48 @@
-const e = {
-  Mounted: "team_widget.mounted",
-  MemberInvited: "team_widget.member_invited",
-  MemberUpdated: "team_widget.member_updated",
-  MemberDeactivated: "team_widget.member_deactivated"
-}, t = "team_widget";
-export {
-  e as TeamWidgetAnalyticsEvent,
-  t as WIDGET_NAME
-};
+import { getInitials as e } from "../../../shared/util/dist/index6.js";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/feature/dist/index4.js
+function t(e) {
+	let t = e.name?.trim();
+	return t ? `${t} (${e.email})` : e.email;
+}
+function n(e) {
+	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = [];
+	for (let a of e) {
+		let e = t(a);
+		i.push(e), n.set(e, a.id), r.set(a.id, e);
+	}
+	return {
+		options: i,
+		optionToId: n,
+		idToOption: r
+	};
+}
+var r = 3;
+function i(t, n) {
+	let i = /* @__PURE__ */ new Map();
+	for (let a of t) {
+		let t = n(a);
+		if (!t) continue;
+		let o = i.get(t);
+		o ? o.length < r && o.push({
+			key: a.email,
+			initials: e(a.name)
+		}) : i.set(t, [{
+			key: a.email,
+			initials: e(a.name)
+		}]);
+	}
+	return i;
+}
+function a(e, t) {
+	let n = typeof e == "string" ? Number.parseInt(e, 10) : e ?? 0;
+	return !n || Number.isNaN(n) || n <= 0 ? t.noMembers : `${n} ${n === 1 ? t.memberSingular : t.memberPlural}`;
+}
+function o(e, t) {
+	let n = new Set(e), r = new Set(t);
+	return {
+		toAssign: t.filter((e) => !n.has(e)),
+		toRemove: e.filter((e) => !r.has(e))
+	};
+}
+//#endregion
+export { i as buildAssignedAvatars, n as buildMemberDirectory, o as diffMemberSelection, a as formatMembersCount };

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

@@ -1,86 +1,111 @@
 "use client";
-import { useMemo as p } 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 { useAllTeamMembersQuery as M } from "../../data-access/dist/index11.js";
-import { useAllDepartmentsQuery as y } from "../../data-access/dist/index15.js";
-import { useDepartmentMembersQuery as D } from "../../data-access/dist/index16.js";
-import { useCreateDepartmentMutation as L, useUpdateDepartmentMutation as v, useDeactivateDepartmentMutation as E, useDepartmentMembersMutation as C } from "../../data-access/dist/index17.js";
-import { buildMemberDirectory as P, buildAssignedAvatars as f } from "./index12.js";
-import { useGroupAdmin as I } from "./index13.js";
-function x({
-  canRead: m,
-  canWrite: o,
-  featureLabels: e
-}) {
-  const i = M({
-    Status: "ALL",
-    enabled: m
-  }), n = i.data?.data, l = p(
-    () => P(n ?? []),
-    [n]
-  ), c = p(
-    () => f(n ?? [], (r) => r.department?.id),
-    [n]
-  ), b = () => y({ enabled: m }), g = (r) => D({ departmentId: r, enabled: o }), A = () => {
-    const r = L(), d = v(), u = E(), s = C();
-    return {
-      create: (t) => r.mutateAsync({ name: t }),
-      rename: (t, a) => d.mutateAsync({ departmentId: t, name: a }),
-      remove: (t) => u.mutateAsync({ departmentId: t }),
-      assignMembers: (t, a) => s.mutateAsync({ departmentId: t, type: "ASSIGN", userIds: a }),
-      removeMembers: (t, a) => s.mutateAsync({ departmentId: t, type: "REMOVE", userIds: a }),
-      isMutating: r.isPending || d.isPending || u.isPending || s.isPending
-    };
-  };
-  return I({
-    canRead: m,
-    canWrite: o,
-    directory: l,
-    directoryReady: i.isComplete,
-    assignedAvatarsByGroupId: c,
-    useListQuery: b,
-    useEditMembers: g,
-    useMutations: A,
-    panelLabels: {
-      title: e.departmentsTitle,
-      addButton: e.departmentsAddButton,
-      nameColumn: e.groupNameColumn,
-      assignedColumn: e.groupAssignedColumn,
-      actionsColumn: e.groupActionsColumn,
-      editAction: e.groupEditAction,
-      deleteAction: e.departmentDeleteAction,
-      emptyMessage: e.departmentsEmpty,
-      loadingLabel: e.departmentsLoading,
-      errorTitle: e.departmentsErrorTitle,
-      errorDescription: e.departmentsErrorDescription,
-      rowActionsAriaLabel: e.groupRowActionsAriaLabel
-    },
-    drawerLabels: {
-      createTitle: e.departmentCreateTitle,
-      editTitle: e.departmentEditTitle,
-      description: e.departmentDrawerDescription,
-      nameLabel: e.departmentNameLabel,
-      namePlaceholder: e.departmentNamePlaceholder,
-      membersLabel: e.groupMembersLabel,
-      membersSearchPlaceholder: e.groupMembersSearchPlaceholder,
-      membersEmptyMessage: e.groupMembersEmpty,
-      cancelButton: e.groupCancelButton,
-      saveButton: e.groupSaveButton,
-      deleteButton: e.departmentDeleteAction
-    },
-    countLabels: {
-      memberSingular: e.groupMemberSingular,
-      memberPlural: e.groupMemberPlural,
-      noMembers: e.groupNoMembers
-    },
-    saveFailedMessage: e.departmentSaveFailed,
-    deleteFailedMessage: e.departmentDeleteFailed
-  });
+"use client";
+"use client";
+"use client";
+import { diffMemberSelection as e, formatMembersCount as t } from "./index4.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/feature/dist/index5.js
+function a(a) {
+	let { canRead: o, canWrite: s, directory: c, directoryReady: l, assignedAvatarsByGroupId: u, useListQuery: d, useEditMembers: f, useMutations: p, panelLabels: m, drawerLabels: h, countLabels: g, saveFailedMessage: _, deleteFailedMessage: v } = a, y = d(), b = p(), [x, S] = i("closed"), [C, w] = i(), [T, E] = i(""), [D, O] = i(""), [k, A] = i([]), [j, M] = i(), [N, P] = i(), [F, I] = i(), L = f(x === "edit" ? C : void 0), R = (L.data?.members?.data ?? []).map((e) => e.id), z = o ? y.data?.data ?? [] : [], B = l && (x !== "edit" || !!L.data), V = r(void 0);
+	n(() => {
+		x !== "edit" || !C || V.current !== C && (!L.data || !l || (V.current = C, A(R.map((e) => c.idToOption.get(e)).filter((e) => !!e))));
+	}, [
+		x,
+		C,
+		L.data,
+		l,
+		R,
+		c
+	]);
+	let H = () => {
+		S("closed"), w(void 0), E(""), O(""), A([]), M(void 0), V.current = void 0;
+	}, U = () => {
+		H(), S("create");
+	}, W = (e) => {
+		let t = z.find((t) => t.id === e);
+		S("edit"), w(e), E(t?.name ?? ""), O(t?.name ?? ""), A([]), M(void 0), V.current = void 0;
+	}, G = () => k.map((e) => c.optionToId.get(e)).filter((e) => !!e), K = async () => {
+		let t = T.trim();
+		if (t && B) {
+			M(void 0);
+			try {
+				if (x === "create") {
+					let e = await b.create(t);
+					S("edit"), w(e.id), O(t), V.current = e.id;
+					let n = G();
+					n.length > 0 && await b.assignMembers(e.id, n);
+				} else if (x === "edit" && C) {
+					t !== D.trim() && await b.rename(C, t);
+					let n = R.filter((e) => c.idToOption.has(e)), { toAssign: r, toRemove: i } = e(n, G());
+					r.length > 0 && await b.assignMembers(C, r), i.length > 0 && await b.removeMembers(C, i);
+				}
+				H();
+			} catch {
+				M(_);
+			}
+		}
+	}, q = (e) => {
+		P(e), I(void 0);
+	}, J = () => {
+		P(void 0), I(void 0);
+	}, Y = async () => {
+		if (N) {
+			I(void 0);
+			try {
+				await b.remove(N), J(), C === N && H();
+			} catch {
+				I(v);
+			}
+		}
+	}, X = z.map((e) => {
+		let n = typeof e.memberCount == "string" ? Number.parseInt(e.memberCount, 10) : e.memberCount ?? 0, r = Number.isNaN(n) ? 0 : n, i = u?.get(e.id), a = i ? Math.max(0, r - i.length) : 0;
+		return {
+			key: e.id,
+			name: e.name,
+			membersLabel: t(e.memberCount, g),
+			assignedAvatars: i,
+			assignedOverflowLabel: a > 0 ? `+${a}` : void 0,
+			onEdit: s ? () => W(e.id) : void 0,
+			onDelete: s ? () => q(e.id) : void 0
+		};
+	}), Z = z.find((e) => e.id === N)?.name ?? "";
+	return {
+		canRead: o,
+		panel: {
+			rows: X,
+			isLoading: o && (y.isLoading || y.isComplete === !1),
+			isError: y.isError,
+			onAddClick: s ? U : void 0,
+			labels: m
+		},
+		drawer: {
+			open: x !== "closed",
+			isEditMode: x === "edit",
+			name: T,
+			onNameChange: E,
+			options: c.options,
+			selectedOptions: k,
+			onSelectedOptionsChange: (e) => A(Array.isArray(e) ? e : [e]),
+			isSaveDisabled: !T.trim() || b.isMutating || !B,
+			submitErrorMessage: j,
+			onOpenChange: (e) => {
+				e || H();
+			},
+			onSubmit: K,
+			onDelete: x === "edit" && C ? () => q(C) : void 0,
+			labels: h
+		},
+		deleteDialog: {
+			open: !!N,
+			subjectName: Z,
+			isConfirming: b.isMutating,
+			errorMessage: F,
+			onOpenChange: (e) => {
+				e || J();
+			},
+			onConfirm: Y
+		}
+	};
 }
-export {
-  x as useDepartmentsAdmin
-};
+//#endregion
+export { a as useGroupAdmin };

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

@@ -1,176 +1,89 @@
 "use client";
-import { useState as F, useMemo 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 { useAllBankAccountsQuery as se } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
-import { useAllExternalBankAccountsQuery as ne } from "../../../shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.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/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import { useAnalyticsTrack as ce } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useInviteUserMutation as me } from "../../data-access/dist/index5.js";
-import { useAllTeamMembersQuery as le } from "../../data-access/dist/index11.js";
-import { useAllDepartmentsQuery as pe } from "../../data-access/dist/index15.js";
-import { useAllLocationsQuery as de } from "../../data-access/dist/index20.js";
-import { toAccountAccessOptions as ue, resolveRoleKeyById as ge, isAdminRoleKey as Ae, isAccountsSectionVisibleForRole as ve, isEmployeeRoleKey as Ie, toAccountAccessInputs as Ee } from "./index14.js";
-import { TeamWidgetAnalyticsEvent as fe } from "./index4.js";
-import { resolveAcceptInviteRedirectUri as ye } from "./index15.js";
-import { toRoleCardOptions as Ce, toNamedSelectOptions as B, toReportingManagerOptions as Re } from "./index11.js";
-import { toast as Me } from "sonner";
-const Q = {
-  name: "",
-  email: "",
-  department: "",
-  location: "",
-  reportingManager: "",
-  role: "",
-  accountAccess: []
-}, be = /^\S+@\S+\.\S+$/;
-function Ze({
-  canInvite: u,
-  canReadDirectory: V,
-  canManageAccountAccess: g,
-  canReadInternalAccounts: m,
-  canReadExternalAccounts: l,
-  roles: A,
-  roleCatalog: T = [],
-  organizationId: O,
-  featureLabels: e,
-  acceptInviteRedirectUri: q
-}) {
-  const D = ce(), [E, f] = F(!1), [r, h] = F(Q), [K, k] = F({}), v = me(), t = E && u && V, a = pe({ enabled: t }), i = de({ enabled: t }), s = le({
-    Status: "ACTIVE",
-    enabled: t
-  }), I = E && u && g, n = se({
-    enabled: I && m
-  }), c = ne({
-    enabled: I && l
-  }), w = d(() => Ce(A), [A]), z = d(
-    () => a.isComplete ? B(a.data?.data ?? []) : [],
-    [a.isComplete, a.data?.data]
-  ), W = d(
-    () => i.isComplete ? B(i.data?.data ?? []) : [],
-    [i.isComplete, i.data?.data]
-  ), _ = d(
-    () => s.isComplete ? Re(
-      s.data?.data ?? [],
-      T,
-      e,
-      O
-    ) : [],
-    [
-      s.isComplete,
-      s.data?.data,
-      T,
-      e,
-      O
-    ]
-  ), x = t && !a.isComplete && !a.isError, N = t && !i.isComplete && !i.isError, L = t && !s.isComplete && !s.isError, j = t && a.isError, G = t && i.isError, H = t && s.isError, J = !m || !!n.data && !n.hasNextPage && !n.isFetchingNextPage, X = !l || !!c.data && !c.hasNextPage && !c.isFetchingNextPage, y = I && (m && n.isError || l && c.isError), P = I && !y && (!J || !X), C = d(
-    () => ue(
-      m ? n.data?.data ?? [] : [],
-      l ? c.data?.data ?? [] : [],
-      {
-        checking: e.accountTypeChecking,
-        savings: e.accountTypeSavings
-      }
-    ),
-    [
-      m,
-      l,
-      n.data?.data,
-      c.data?.data,
-      e.accountTypeChecking,
-      e.accountTypeSavings
-    ]
-  ), Y = C.options, R = ge(A, r.role), M = Ae(R), b = g && ve(R), Z = g && Ie(R), ee = b ? M ? "admin" : "picker" : Z ? "employee" : "hidden", re = () => {
-    u && (h(Q), k({}), v.reset(), f(!0));
-  }, te = () => {
-    f(!1);
-  }, oe = () => {
-    if (!u || x || N || L || // Account access likewise isn't editable after invite here (only via the
-    // detail modal), so don't submit before the account list settles — or when
-    // it failed to load, which would send an admin invite without its grants.
-    b && (P || y))
-      return;
-    const o = {}, U = r.name.trim(), S = r.email.trim();
-    U || (o.name = e.nameRequiredError), S ? be.test(S) || (o.email = e.emailInvalidError) : o.email = e.emailRequiredError;
-    const $ = r.role;
-    if (A.some((p) => p.id === $) ? M && !g && (o.role = e.roleNeedsAccountAccessError) : o.role = e.roleRequiredError, k(o), o.name || o.email || o.role)
-      return;
-    const ae = b ? M ? C.allAccountIds : r.accountAccess : [], ie = Ee(
-      ae,
-      C.descriptors
-    );
-    v.mutate(
-      {
-        body: {
-          name: U,
-          email: S,
-          status: "INVITED",
-          // Empty select = no manager; the API treats null as "unset".
-          reportingManagerUserId: r.reportingManager || null,
-          // The identity API requires exactly one of permissionIds /
-          // permissionKeys to be supplied; the role's own permissions are
-          // granted by the membership assignment the mutation makes next.
-          permissionIds: [],
-          // Required for INVITED creates: the URL the emailed accept-invite
-          // link points at. Must be on the identity redirect-URI allowlist.
-          redirectUri: ye(q)
-        },
-        roleId: $,
-        // Department/location are optional follow-up membership writes.
-        departmentId: r.department || void 0,
-        locationId: r.location || void 0,
-        bankAccountAccess: ie
-      },
-      {
-        onSuccess: (p) => {
-          D(fe.MemberInvited, {
-            memberId: p?.id
-          }), Me.success(e.inviteSuccessToast), f(!1);
-        },
-        onError: (p) => {
-          console.error("Failed to send team invite:", p);
-        }
-      }
-    );
-  };
-  return {
-    isInviteOpen: E,
-    inviteForm: r,
-    inviteErrors: K,
-    isInviting: v.isPending,
-    inviteErrorMessage: v.isError ? e.inviteFailedError : void 0,
-    roleOptions: w,
-    departmentOptions: z,
-    locationOptions: W,
-    reportingManagerOptions: _,
-    accountAccessOptions: Y,
-    departmentsLoading: x,
-    locationsLoading: N,
-    reportingManagersLoading: L,
-    departmentsError: j,
-    locationsError: G,
-    reportingManagersError: H,
-    accountAccessLoading: P,
-    accountAccessError: y,
-    accountAccessMode: ee,
-    openInviteForm: re,
-    closeInviteForm: te,
-    onInviteFormChange: h,
-    onInviteSubmit: oe
-  };
+"use client";
+"use client";
+"use client";
+import { buildAssignedAvatars as e, buildMemberDirectory as t } from "./index4.js";
+import { useGroupAdmin as n } from "./index5.js";
+import { useAllTeamMembersQuery as r } from "../../data-access/dist/index14.js";
+import { useAllDepartmentsQuery as i } from "../../data-access/dist/index17.js";
+import { useDepartmentMembersQuery as a } from "../../data-access/dist/index18.js";
+import { useCreateDepartmentMutation as o, useDeactivateDepartmentMutation as s, useDepartmentMembersMutation as c, useUpdateDepartmentMutation as l } from "../../data-access/dist/index19.js";
+import "../../data-access/dist/index.js";
+import { useMemo as u } from "react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/feature/dist/index6.js
+function d({ canRead: d, canWrite: f, featureLabels: p }) {
+	let m = r({
+		Status: "ALL",
+		enabled: d
+	}), h = m.data?.data, g = u(() => t(h ?? []), [h]), _ = u(() => e(h ?? [], (e) => e.department?.id), [h]);
+	return n({
+		canRead: d,
+		canWrite: f,
+		directory: g,
+		directoryReady: m.isComplete,
+		assignedAvatarsByGroupId: _,
+		useListQuery: () => i({ enabled: d }),
+		useEditMembers: (e) => a({
+			departmentId: e,
+			enabled: f
+		}),
+		useMutations: () => {
+			let e = o(), t = l(), n = s(), r = c();
+			return {
+				create: (t) => e.mutateAsync({ name: t }),
+				rename: (e, n) => t.mutateAsync({
+					departmentId: e,
+					name: n
+				}),
+				remove: (e) => n.mutateAsync({ departmentId: e }),
+				assignMembers: (e, t) => r.mutateAsync({
+					departmentId: e,
+					type: "ASSIGN",
+					userIds: t
+				}),
+				removeMembers: (e, t) => r.mutateAsync({
+					departmentId: e,
+					type: "REMOVE",
+					userIds: t
+				}),
+				isMutating: e.isPending || t.isPending || n.isPending || r.isPending
+			};
+		},
+		panelLabels: {
+			title: p.departmentsTitle,
+			addButton: p.departmentsAddButton,
+			nameColumn: p.groupNameColumn,
+			assignedColumn: p.groupAssignedColumn,
+			actionsColumn: p.groupActionsColumn,
+			editAction: p.groupEditAction,
+			deleteAction: p.departmentDeleteAction,
+			emptyMessage: p.departmentsEmpty,
+			loadingLabel: p.departmentsLoading,
+			errorTitle: p.departmentsErrorTitle,
+			errorDescription: p.departmentsErrorDescription,
+			rowActionsAriaLabel: p.groupRowActionsAriaLabel
+		},
+		drawerLabels: {
+			createTitle: p.departmentCreateTitle,
+			editTitle: p.departmentEditTitle,
+			description: p.departmentDrawerDescription,
+			nameLabel: p.departmentNameLabel,
+			namePlaceholder: p.departmentNamePlaceholder,
+			membersLabel: p.groupMembersLabel,
+			membersSearchPlaceholder: p.groupMembersSearchPlaceholder,
+			membersEmptyMessage: p.groupMembersEmpty,
+			cancelButton: p.groupCancelButton,
+			saveButton: p.groupSaveButton,
+			deleteButton: p.departmentDeleteAction
+		},
+		countLabels: {
+			memberSingular: p.groupMemberSingular,
+			memberPlural: p.groupMemberPlural,
+			noMembers: p.groupNoMembers
+		},
+		saveFailedMessage: p.departmentSaveFailed,
+		deleteFailedMessage: p.departmentDeleteFailed
+	});
 }
-export {
-  Ze as useInviteForm
-};
+//#endregion
+export { d as useDepartmentsAdmin };