@tesouro/embedded-components-react 0.2.7 → 0.2.15

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

@@ -11,9 +11,25 @@ const e = {
   inviteFailedError: "Something went wrong while sending the invite. Please try again.",
   editFailedError: "Something went wrong while saving the changes. Please try again.",
   deactivateFailedError: "Something went wrong while deactivating the member. Please try again.",
-  deactivateDialogTitle: "Deactivate team member",
-  deactivateDialogDescription: "This member will immediately lose access to your organization.",
-  deactivateConfirmButton: "Deactivate",
+  manageAccessFailedError: "Something went wrong while updating account access. Please try again.",
+  loadAccessFailedError: "We couldn’t load this member’s account access. Please try again.",
+  roleNeedsAccountAccessError: "Assigning the Admin or Employee role changes account access, which requires the account-access permission. Ask an admin with that permission to make this change.",
+  accountAccessAll: "All accounts",
+  accountAccessNone: "This member doesn’t have access to any account.",
+  accountAccessCountSingular: "account",
+  accountAccessCountPlural: "accounts",
+  accountAccessOf: "of",
+  accountTypeChecking: "Checking",
+  accountTypeSavings: "Savings",
+  accountSourceInternal: "Internal",
+  accountSourceExternal: "External",
+  deactivateDialogTitle: "Deactivate user",
+  deactivateDialogDescription: "Are you sure you want to completely revoke access to this profile?",
+  deactivateConfirmButton: "Confirm",
+  resendDialogTitle: "Resend invite",
+  resendDialogDescription: "Send a new invitation email so this member can finish setting up their account.",
+  resendConfirmButton: "Send invite",
+  resendFailedError: "Something went wrong while resending the invite. Please try again.",
   teamMembersTab: "Team members",
   departmentsTab: "Departments",
   locationsTab: "Locations",

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

@@ -5,12 +5,12 @@ 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/index7.js";
-import { useAllDepartmentsQuery as y } from "../../data-access/dist/index11.js";
-import { useDepartmentMembersQuery as D } from "../../data-access/dist/index12.js";
-import { useCreateDepartmentMutation as L, useUpdateDepartmentMutation as v, useDeactivateDepartmentMutation as E, useDepartmentMembersMutation as C } from "../../data-access/dist/index13.js";
-import { buildMemberDirectory as P, buildAssignedAvatars as f } from "./index12.js";
-import { useGroupAdmin as I } from "./index13.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 "./index13.js";
+import { useGroupAdmin as I } from "./index14.js";
 function x({
   canRead: m,
   canWrite: o,

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

@@ -1,10 +1,12 @@
 "use client";
-import { useState as g, useMemo as l } from "react";
+import { useState as S, 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 re } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllExternalBankAccountsQuery as te } 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";
@@ -13,100 +15,143 @@ 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 U } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useAnalyticsTrack as oe } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useInviteUserMutation as P } from "../../data-access/dist/index4.js";
-import { useAllTeamMembersQuery as h } from "../../data-access/dist/index7.js";
-import { useAllDepartmentsQuery as k } from "../../data-access/dist/index11.js";
-import { useAllLocationsQuery as w } from "../../data-access/dist/index16.js";
-import { TeamWidgetAnalyticsEvent as x } from "./index4.js";
-import { toRoleCardOptions as K, toNamedSelectOptions as O, toReportingManagerOptions as W } from "./index11.js";
-const S = {
-  firstName: "",
-  lastName: "",
+import { useInviteUserMutation as ae } from "../../data-access/dist/index5.js";
+import { useAllTeamMembersQuery as ie } from "../../data-access/dist/index11.js";
+import { useAllDepartmentsQuery as se } from "../../data-access/dist/index15.js";
+import { useAllLocationsQuery as ne } from "../../data-access/dist/index20.js";
+import { toAccountAccessOptions as ce, resolveRoleKeyById as me, isAdminRoleKey as le, isAccountsSectionVisibleForRole as pe, toAccountAccessInputs as de } from "./index15.js";
+import { TeamWidgetAnalyticsEvent as ue } from "./index4.js";
+import { toRoleCardOptions as Ae, toNamedSelectOptions as Q, toReportingManagerOptions as ge } from "./index12.js";
+const V = {
+  name: "",
   email: "",
   department: "",
   location: "",
   reportingManager: "",
-  role: ""
-}, _ = /^\S+@\S+\.\S+$/;
-function ve({
-  canInvite: p,
-  canReadDirectory: y,
-  roles: d,
-  featureLabels: r
+  role: "",
+  accountAccess: []
+}, Ee = /^\S+@\S+\.\S+$/;
+function Ke({
+  canInvite: u,
+  canReadDirectory: $,
+  canManageAccountAccess: v,
+  canReadInternalAccounts: m,
+  canReadExternalAccounts: l,
+  roles: A,
+  featureLabels: e
 }) {
-  const R = U(), [I, u] = g(!1), [t, c] = g(S), [A, f] = g({}), n = P(), o = I && p && y, i = k({ enabled: o }), a = w({ enabled: o }), s = h({
+  const q = oe(), [I, f] = S(!1), [r, F] = S(V), [B, O] = S({}), g = ae(), t = I && u && $, a = se({ enabled: t }), i = ne({ enabled: t }), s = ie({
     Status: "ACTIVE",
-    enabled: o
-  }), F = l(() => K(d), [d]), q = l(
-    () => i.isComplete ? O(i.data?.data ?? []) : [],
-    [i.isComplete, i.data?.data]
-  ), L = l(
-    () => a.isComplete ? O(a.data?.data ?? []) : [],
+    enabled: t
+  }), E = I && u && v, n = re({
+    enabled: E && m
+  }), c = te({
+    enabled: E && l
+  }), U = d(() => Ae(A), [A]), D = d(
+    () => a.isComplete ? Q(a.data?.data ?? []) : [],
     [a.isComplete, a.data?.data]
-  ), T = l(
-    () => s.isComplete ? W(s.data?.data ?? []) : [],
+  ), K = d(
+    () => i.isComplete ? Q(i.data?.data ?? []) : [],
+    [i.isComplete, i.data?.data]
+  ), w = d(
+    () => s.isComplete ? ge(s.data?.data ?? []) : [],
     [s.isComplete, s.data?.data]
-  ), E = o && !i.isComplete && !i.isError, C = o && !a.isComplete && !a.isError, N = o && !s.isComplete && !s.isError, D = () => {
-    p && (c(S), f({}), n.reset(), u(!0));
-  }, Q = () => {
-    u(!1);
-  }, V = () => {
-    if (!p || E || C || N)
+  ), T = t && !a.isComplete && !a.isError, h = t && !i.isComplete && !i.isError, k = t && !s.isComplete && !s.isError, W = t && a.isError, j = t && i.isError, z = t && s.isError, G = !m || !!n.data && !n.hasNextPage && !n.isFetchingNextPage, H = !l || !!c.data && !c.hasNextPage && !c.isFetchingNextPage, y = E && (m && n.isError || l && c.isError), x = E && !y && (!G || !H), C = d(
+    () => ce(
+      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
+    ]
+  ), J = C.options, N = me(A, r.role), b = le(N), M = v && pe(N), X = () => {
+    u && (F(V), O({}), g.reset(), f(!0));
+  }, Y = () => {
+    f(!1);
+  }, Z = () => {
+    if (!u || T || h || k || // 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.
+    M && (x || y))
+      return;
+    const o = {}, L = r.name.trim(), R = r.email.trim();
+    L || (o.name = e.nameRequiredError), R ? Ee.test(R) || (o.email = e.emailInvalidError) : o.email = e.emailRequiredError;
+    const P = r.role;
+    if (A.some((p) => p.id === P) ? b && !v && (o.role = e.roleNeedsAccountAccessError) : o.role = e.roleRequiredError, O(o), o.name || o.email || o.role)
       return;
-    const e = {}, M = t.firstName.trim(), b = t.lastName.trim(), v = t.email.trim();
-    M || (e.firstName = r.firstNameRequiredError), b || (e.lastName = r.lastNameRequiredError), v ? _.test(v) || (e.email = r.emailInvalidError) : e.email = r.emailRequiredError;
-    const $ = t.role;
-    d.some((m) => m.id === $) || (e.role = r.roleRequiredError), f(e), !(e.firstName || e.lastName || e.email || e.role) && n.mutate(
+    const _ = M ? b ? C.allAccountIds : r.accountAccess : [], ee = de(
+      _,
+      C.descriptors
+    );
+    g.mutate(
       {
         body: {
-          name: `${M} ${b}`,
-          email: v,
+          name: L,
+          email: R,
           status: "INVITED",
           // Empty select = no manager; the API treats null as "unset".
-          reportingManagerUserId: t.reportingManager || null,
+          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: []
         },
-        roleId: $,
+        roleId: P,
         // Department/location are optional follow-up membership writes.
-        departmentId: t.department || void 0,
-        locationId: t.location || void 0
+        departmentId: r.department || void 0,
+        locationId: r.location || void 0,
+        bankAccountAccess: ee
       },
       {
-        onSuccess: (m) => {
-          R(x.MemberInvited, {
-            memberId: m?.id
-          }), u(!1);
+        onSuccess: (p) => {
+          q(ue.MemberInvited, {
+            memberId: p?.id
+          }), f(!1);
         },
-        onError: (m) => {
-          console.error("Failed to send team invite:", m);
+        onError: (p) => {
+          console.error("Failed to send team invite:", p);
         }
       }
     );
   };
   return {
     isInviteOpen: I,
-    inviteForm: t,
-    inviteErrors: A,
-    isInviting: n.isPending,
-    inviteErrorMessage: n.isError ? r.inviteFailedError : void 0,
-    roleOptions: F,
-    departmentOptions: q,
-    locationOptions: L,
-    reportingManagerOptions: T,
-    departmentsLoading: E,
-    locationsLoading: C,
-    reportingManagersLoading: N,
-    openInviteForm: D,
-    closeInviteForm: Q,
-    onInviteFormChange: c,
-    onInviteSubmit: V
+    inviteForm: r,
+    inviteErrors: B,
+    isInviting: g.isPending,
+    inviteErrorMessage: g.isError ? e.inviteFailedError : void 0,
+    roleOptions: U,
+    departmentOptions: D,
+    locationOptions: K,
+    reportingManagerOptions: w,
+    accountAccessOptions: J,
+    departmentsLoading: T,
+    locationsLoading: h,
+    reportingManagersLoading: k,
+    departmentsError: W,
+    locationsError: j,
+    reportingManagersError: z,
+    accountAccessLoading: x,
+    accountAccessError: y,
+    isAccountAccessVisible: M,
+    isAccountAccessAdmin: b,
+    openInviteForm: X,
+    closeInviteForm: Y,
+    onInviteFormChange: F,
+    onInviteSubmit: Z
   };
 }
 export {
-  ve as useInviteForm
+  Ke as useInviteForm
 };

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

@@ -5,12 +5,12 @@ 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/index7.js";
-import { useAllLocationsQuery as L } from "../../data-access/dist/index16.js";
-import { useLocationMembersQuery as y } from "../../data-access/dist/index17.js";
-import { useCreateLocationMutation as v, useUpdateLocationMutation as E, useDeactivateLocationMutation as C, useLocationMembersMutation as P } from "../../data-access/dist/index18.js";
-import { buildMemberDirectory as f, buildAssignedAvatars as D } from "./index12.js";
-import { useGroupAdmin as I } from "./index13.js";
+import { useAllTeamMembersQuery as M } from "../../data-access/dist/index11.js";
+import { useAllLocationsQuery as L } from "../../data-access/dist/index20.js";
+import { useLocationMembersQuery as y } from "../../data-access/dist/index21.js";
+import { useCreateLocationMutation as v, useUpdateLocationMutation as E, useDeactivateLocationMutation as C, useLocationMembersMutation as P } from "../../data-access/dist/index22.js";
+import { buildMemberDirectory as f, buildAssignedAvatars as D } from "./index13.js";
+import { useGroupAdmin as I } from "./index14.js";
 function x({
   canRead: r,
   canWrite: s,

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

@@ -1,124 +1,94 @@
 "use client";
-import { useState as M, useEffect as k } from "react";
+import { 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 "../../../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 B } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useUpdateTeamMemberMutation as j } from "../../data-access/dist/index8.js";
-import { TeamWidgetAnalyticsEvent as q } from "./index4.js";
-import { isMemberActionable as w, toRoleOptions as x, resolveMemberRoleId as G } from "./index11.js";
-const H = { name: "", role: "" };
-function J({
-  member: a,
-  organizationId: r,
-  canEditAnyProfile: d,
-  canEditOrgProfile: g,
-  currentUserId: b
+import { useAllBankAccountsQuery as S } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllExternalBankAccountsQuery as E } from "../../../shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.js";
+import { useUserBankAccountAccessQuery as L } from "../../data-access/dist/index8.js";
+import { isAdminRoleKey as C, toAccountAccessOptions as T, formatAccountAccessLabel as B } from "./index15.js";
+function U({
+  selectedMember: a,
+  canReadInternalAccounts: n,
+  canReadExternalAccounts: o,
+  featureLabels: e
 }) {
-  return b && a.id === b ? !1 : d ? !0 : g && !!r && a.organizationId === r;
-}
-function L({
-  member: a,
-  organizationId: r,
-  canEditRole: d
-}) {
-  return d && !!r && a.organizationId === r;
-}
-function ce({
-  canEditAnyProfile: a,
-  canEditOrgProfile: r,
-  organizationId: d,
-  currentUserId: g,
-  canEditRole: b,
-  members: R,
-  roles: I,
-  featureLabels: O
-}) {
-  const C = B(), [o, f] = M(), [m, y] = M(H), [N, v] = M({}), t = j(), z = o ? R.find((e) => e.id === o.memberId) : void 0, n = w(z) ? z : void 0, A = !!o && !n;
-  k(() => {
-    A && f(void 0);
-  }, [A]);
-  const U = (e) => {
-    const i = R.find(($) => $.id === e);
-    if (!i)
-      return;
-    const l = J({
-      member: i,
-      organizationId: d,
-      canEditAnyProfile: a,
-      canEditOrgProfile: r,
-      currentUserId: g
-    }), c = L({
-      member: i,
-      organizationId: d,
-      canEditRole: b
-    });
-    if (!l && !c)
-      return;
-    const u = i.name, h = G(I, i.role) ?? "";
-    y({ name: u, role: h }), v({}), t.reset(), f({
-      memberId: e,
-      canEditProfile: l,
-      canEditRole: c,
-      baselineName: u,
-      baselineRoleId: h
-    });
-  }, D = (e) => {
-    e || f(void 0);
-  }, E = m.name.trim(), s = o?.canEditProfile ?? !1, p = o?.canEditRole ?? !1, S = o?.baselineName ?? "", P = o?.baselineRoleId ?? "", F = n ? s && E !== S || p && m.role !== P : !1, T = () => {
-    if (!s && !p || !n)
-      return;
-    if (s && !E) {
-      v({ name: O.nameRequiredError });
-      return;
-    }
-    v({});
-    const e = {};
-    s && E !== S && (e.name = E);
-    const i = p && I.some((u) => u.id === m.role) ? m.role : void 0, l = i && i !== P ? { addRoleId: i, removeRoleId: P || void 0 } : void 0;
-    if (Object.keys(e).length === 0 && !l)
-      return;
-    const c = n.id;
-    t.mutate(
-      { path: { id: c }, body: e, roleChange: l },
+  const r = n && o, h = a?.id, s = C(a?.role ?? ""), A = !!a && r, u = S({
+    enabled: A && n
+  }), l = E({
+    enabled: A && o
+  }), k = !n || !!u.data && !u.hasNextPage && !u.isFetchingNextPage, y = !o || !!l.data && !l.hasNextPage && !l.isFetchingNextPage, m = A && k && y, f = A && (n && u.isError || o && l.isError), t = d(
+    () => T(
+      n ? u.data?.data ?? [] : [],
+      o ? l.data?.data ?? [] : [],
       {
-        onSuccess: () => {
-          C(q.MemberUpdated, { memberId: c }), f(void 0);
-        }
+        checking: e.accountTypeChecking,
+        savings: e.accountTypeSavings
       }
-    );
-  };
+    ),
+    [
+      n,
+      o,
+      u.data?.data,
+      l.data?.data,
+      e.accountTypeChecking,
+      e.accountTypeSavings
+    ]
+  ), g = d(
+    () => [...t.descriptors.values()].map((p) => ({
+      bankAccountId: p.bankAccountId,
+      source: p.source
+    })),
+    [t.descriptors]
+  ), i = L({
+    userId: h,
+    accounts: g,
+    enabled: !!a && r && !s && m
+  }), b = g.length === 0 || i.isComplete, v = d(() => !r || !a ? e.notAvailable : s ? e.accountAccessAll : !m || !b ? e.notAvailable : B({
+    isAdmin: !1,
+    accessibleCount: i.accessibleAccountIds.size,
+    totalCount: t.allAccountIds.length,
+    labels: e
+  }), [
+    r,
+    a,
+    s,
+    m,
+    b,
+    i.accessibleAccountIds,
+    t.allAccountIds.length,
+    e
+  ]), I = d(
+    () => s ? t.allAccountIds : [...i.accessibleAccountIds],
+    [
+      s,
+      t.allAccountIds,
+      i.accessibleAccountIds
+    ]
+  ), x = d(() => {
+    const p = new Set(I);
+    return t.options.filter((c) => p.has(c.value)).map((c) => ({
+      value: c.value,
+      name: c.name,
+      typeLabel: c.typeLabel,
+      maskedNumber: c.maskedNumber,
+      source: c.source,
+      sourceLabel: c.source === "internal" ? e.accountSourceInternal : e.accountSourceExternal
+    }));
+  }, [
+    t.options,
+    I,
+    e.accountSourceInternal,
+    e.accountSourceExternal
+  ]), N = !!a && r && (f || !s && i.isError);
   return {
-    isEditOpen: !!n,
-    editMemberName: n?.name ?? "",
-    editMemberEmail: n?.email ?? "",
-    editForm: m,
-    editErrors: N,
-    isSavingEdit: t.isPending,
-    isEditNameDisabled: !s || t.isPending,
-    isEditRoleDisabled: !p || t.isPending,
-    isEditSaveDisabled: !F || t.isPending,
-    editErrorMessage: t.isError ? O.editFailedError : void 0,
-    roleOptions: x(I),
-    openMemberEdit: U,
-    onEditOpenChange: D,
-    onEditFormChange: y,
-    onEditSubmit: T
+    detailAccountAccessLabel: v,
+    detailAccounts: x,
+    detailAccountsLoading: !!a && r && !N && (!m || !s && !b)
   };
 }
 export {
-  J as canEditMemberProfile,
-  L as canEditMemberRole,
-  ce as useMemberEdit
+  U as useMemberAccountAccess
 };