@tesouro/embedded-components-react 0.2.98 → 0.2.107

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

@@ -1,12 +1,12 @@
 "use client";
-import { useState as S, useMemo as d } from "react";
+import { useState as O, 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 oe } from "../../../shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.js";
+import { useAllBankAccountsQuery as ae } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllExternalBankAccountsQuery as ie } 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";
@@ -15,18 +15,18 @@ 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 ae } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useAnalyticsTrack as se } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useInviteUserMutation as ie } from "../../data-access/dist/index5.js";
-import { useAllTeamMembersQuery as se } from "../../data-access/dist/index11.js";
-import { useAllDepartmentsQuery as ne } from "../../data-access/dist/index15.js";
-import { useAllLocationsQuery as ce } from "../../data-access/dist/index20.js";
-import { toAccountAccessOptions as me, resolveRoleKeyById as le, isAdminRoleKey as pe, isAccountsSectionVisibleForRole as de, toAccountAccessInputs as ue } from "./index15.js";
-import { TeamWidgetAnalyticsEvent as Ae } from "./index4.js";
-import { resolveAcceptInviteRedirectUri as ge } from "./index16.js";
-import { toRoleCardOptions as ve, toNamedSelectOptions as P, toReportingManagerOptions as Ee } from "./index12.js";
-import { toast as Ie } from "sonner";
-const Q = {
+import { useInviteUserMutation as ne } from "../../data-access/dist/index5.js";
+import { useAllTeamMembersQuery as ce } from "../../data-access/dist/index11.js";
+import { useAllDepartmentsQuery as me } from "../../data-access/dist/index15.js";
+import { useAllLocationsQuery as le } from "../../data-access/dist/index20.js";
+import { toAccountAccessOptions as pe, resolveRoleKeyById as de, isAdminRoleKey as ue, isAccountsSectionVisibleForRole as Ae, isEmployeeRoleKey as ge, toAccountAccessInputs as ve } from "./index15.js";
+import { TeamWidgetAnalyticsEvent as Ie } from "./index4.js";
+import { resolveAcceptInviteRedirectUri as Ee } from "./index16.js";
+import { toRoleCardOptions as fe, toNamedSelectOptions as Q, toReportingManagerOptions as ye } from "./index12.js";
+import { toast as Ce } from "sonner";
+const U = {
   name: "",
   email: "",
   department: "",
@@ -34,35 +34,38 @@ const Q = {
   reportingManager: "",
   role: "",
   accountAccess: []
-}, fe = /^\S+@\S+\.\S+$/;
-function Ge({
+}, Me = /^\S+@\S+\.\S+$/;
+function Xe({
   canInvite: u,
-  canReadDirectory: U,
-  canManageAccountAccess: E,
+  canReadDirectory: V,
+  canManageAccountAccess: A,
   canReadInternalAccounts: m,
   canReadExternalAccounts: l,
-  roles: A,
+  roles: g,
   featureLabels: e,
-  acceptInviteRedirectUri: V
+  acceptInviteRedirectUri: $
 }) {
-  const B = ae(), [I, f] = S(!1), [t, T] = S(Q), [D, F] = S({}), g = ie(), r = I && u && U, a = ne({ enabled: r }), i = ce({ enabled: r }), s = se({
+  const q = se(), [E, f] = O(!1), [r, T] = O(U), [B, h] = O({}), v = ne(), t = E && u && V, a = me({ enabled: t }), i = le({ enabled: t }), s = ce({
     Status: "ACTIVE",
-    enabled: r
-  }), v = I && u && E, n = re({
-    enabled: v && m
-  }), c = oe({
-    enabled: v && l
-  }), K = d(() => ve(A), [A]), q = d(
-    () => a.isComplete ? P(a.data?.data ?? []) : [],
+    enabled: t
+  }), I = E && u && A, n = ae({
+    enabled: I && m
+  }), c = ie({
+    enabled: I && l
+  }), D = d(() => fe(g), [g]), K = d(
+    () => a.isComplete ? Q(a.data?.data ?? []) : [],
     [a.isComplete, a.data?.data]
   ), w = d(
-    () => i.isComplete ? P(i.data?.data ?? []) : [],
+    () => i.isComplete ? Q(i.data?.data ?? []) : [],
     [i.isComplete, i.data?.data]
   ), W = d(
-    () => s.isComplete ? Ee(s.data?.data ?? []) : [],
-    [s.isComplete, s.data?.data]
-  ), O = r && !a.isComplete && !a.isError, h = r && !i.isComplete && !i.isError, k = r && !s.isComplete && !s.isError, j = r && a.isError, z = r && i.isError, G = r && s.isError, H = !m || !!n.data && !n.hasNextPage && !n.isFetchingNextPage, J = !l || !!c.data && !c.hasNextPage && !c.isFetchingNextPage, y = v && (m && n.isError || l && c.isError), x = v && !y && (!H || !J), C = d(
-    () => me(
+    () => s.isComplete ? ye(
+      s.data?.data ?? [],
+      e
+    ) : [],
+    [s.isComplete, s.data?.data, e]
+  ), F = t && !a.isComplete && !a.isError, x = t && !i.isComplete && !i.isError, k = t && !s.isComplete && !s.isError, j = t && a.isError, z = t && i.isError, G = t && s.isError, H = !m || !!n.data && !n.hasNextPage && !n.isFetchingNextPage, J = !l || !!c.data && !c.hasNextPage && !c.isFetchingNextPage, y = I && (m && n.isError || l && c.isError), N = I && !y && (!H || !J), C = d(
+    () => pe(
       m ? n.data?.data ?? [] : [],
       l ? c.data?.data ?? [] : [],
       {
@@ -78,52 +81,52 @@ function Ge({
       e.accountTypeChecking,
       e.accountTypeSavings
     ]
-  ), X = C.options, N = le(A, t.role), b = pe(N), M = E && de(N), Y = () => {
-    u && (T(Q), F({}), g.reset(), f(!0));
-  }, Z = () => {
+  ), X = C.options, M = de(g, r.role), b = ue(M), R = A && Ae(M), Y = A && ge(M), Z = R ? b ? "admin" : "picker" : Y ? "employee" : "hidden", _ = () => {
+    u && (T(U), h({}), v.reset(), f(!0));
+  }, ee = () => {
     f(!1);
-  }, _ = () => {
-    if (!u || O || h || k || // Account access likewise isn't editable after invite here (only via the
+  }, re = () => {
+    if (!u || F || x || 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))
+    R && (N || y))
       return;
-    const o = {}, L = t.name.trim(), R = t.email.trim();
-    L || (o.name = e.nameRequiredError), R ? fe.test(R) || (o.email = e.emailInvalidError) : o.email = e.emailRequiredError;
-    const $ = t.role;
-    if (A.some((p) => p.id === $) ? b && !E && (o.role = e.roleNeedsAccountAccessError) : o.role = e.roleRequiredError, F(o), o.name || o.email || o.role)
+    const o = {}, L = r.name.trim(), S = r.email.trim();
+    L || (o.name = e.nameRequiredError), S ? Me.test(S) || (o.email = e.emailInvalidError) : o.email = e.emailRequiredError;
+    const P = r.role;
+    if (g.some((p) => p.id === P) ? b && !A && (o.role = e.roleNeedsAccountAccessError) : o.role = e.roleRequiredError, h(o), o.name || o.email || o.role)
       return;
-    const ee = M ? b ? C.allAccountIds : t.accountAccess : [], te = ue(
-      ee,
+    const te = R ? b ? C.allAccountIds : r.accountAccess : [], oe = ve(
+      te,
       C.descriptors
     );
-    g.mutate(
+    v.mutate(
       {
         body: {
           name: L,
-          email: R,
+          email: S,
           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: [],
           // Required for INVITED creates: the URL the emailed accept-invite
           // link points at. Must be on the identity redirect-URI allowlist.
-          redirectUri: ge(V)
+          redirectUri: Ee($)
         },
-        roleId: $,
+        roleId: P,
         // Department/location are optional follow-up membership writes.
-        departmentId: t.department || void 0,
-        locationId: t.location || void 0,
-        bankAccountAccess: te
+        departmentId: r.department || void 0,
+        locationId: r.location || void 0,
+        bankAccountAccess: oe
       },
       {
         onSuccess: (p) => {
-          B(Ae.MemberInvited, {
+          q(Ie.MemberInvited, {
             memberId: p?.id
-          }), Ie.success(e.inviteSuccessToast), f(!1);
+          }), Ce.success(e.inviteSuccessToast), f(!1);
         },
         onError: (p) => {
           console.error("Failed to send team invite:", p);
@@ -132,32 +135,31 @@ function Ge({
     );
   };
   return {
-    isInviteOpen: I,
-    inviteForm: t,
-    inviteErrors: D,
-    isInviting: g.isPending,
-    inviteErrorMessage: g.isError ? e.inviteFailedError : void 0,
-    roleOptions: K,
-    departmentOptions: q,
+    isInviteOpen: E,
+    inviteForm: r,
+    inviteErrors: B,
+    isInviting: v.isPending,
+    inviteErrorMessage: v.isError ? e.inviteFailedError : void 0,
+    roleOptions: D,
+    departmentOptions: K,
     locationOptions: w,
     reportingManagerOptions: W,
     accountAccessOptions: X,
-    departmentsLoading: O,
-    locationsLoading: h,
+    departmentsLoading: F,
+    locationsLoading: x,
     reportingManagersLoading: k,
     departmentsError: j,
     locationsError: z,
     reportingManagersError: G,
-    accountAccessLoading: x,
+    accountAccessLoading: N,
     accountAccessError: y,
-    isAccountAccessVisible: M,
-    isAccountAccessAdmin: b,
-    openInviteForm: Y,
-    closeInviteForm: Z,
+    accountAccessMode: Z,
+    openInviteForm: _,
+    closeInviteForm: ee,
     onInviteFormChange: T,
-    onInviteSubmit: _
+    onInviteSubmit: re
   };
 }
 export {
-  Ge as useInviteForm
+  Xe as useInviteForm
 };

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

@@ -1,113 +1,120 @@
 "use client";
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useRef as j, useMemo as z, useEffect as q } from "react";
-import { ArrowLeftIcon as G, SendIcon as U } from "lucide-react";
-import { Button as M, Label as C, Input as S, Select as W, SelectTrigger as $, SelectValue as J, SelectContent as K, SelectItem as D } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useRef as P, useMemo as j, useEffect as z } from "react";
+import { ArrowLeftIcon as q, SendIcon as G } from "lucide-react";
+import { Button as E, Label as C, Input as S, Select as U, SelectTrigger as W, SelectValue as J, SelectContent as K, SelectItem as O } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as O } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { InlineErrorAlert as D } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import { AccountAccessTable as Q } from "./index3.js";
 import { DEFAULT_LABELS as X } from "./index17.js";
 import { RoleCardGroup as Y } from "./index11.js";
-function E({ id: i, message: d }) {
-  return /* @__PURE__ */ t("p", { id: i, className: "ttw:text-sm ttw:text-destructive", children: d });
+function M({ id: a, message: m }) {
+  return /* @__PURE__ */ t("p", { id: a, className: "ttw:text-sm ttw:text-destructive", children: m });
 }
 const R = "__none__";
 function x({
-  id: i,
-  label: d,
-  value: p,
-  options: g,
-  placeholder: A,
-  emptyMessage: m,
-  loadingMessage: u,
-  noneLabel: v,
-  isLoading: l = !1,
-  isError: h = !1,
-  errorMessage: y,
+  id: a,
+  label: m,
+  value: u,
+  options: v,
+  placeholder: y,
+  emptyMessage: p,
+  loadingMessage: h,
+  noneLabel: b,
+  isLoading: d = !1,
+  isError: w = !1,
+  errorMessage: A,
   errorHelper: N,
-  emptyHelper: b,
-  readyHelper: f,
-  disabled: w,
-  onValueChange: s
+  emptyHelper: f,
+  readyHelper: L,
+  disabled: o,
+  onValueChange: r
 }) {
-  const r = g.length > 0, L = h ? y ?? m : l ? u : r ? A : m, c = h ? N : !l && !r ? b : r ? f : void 0;
-  return /* @__PURE__ */ o("div", { className: "ttw:space-y-2", children: [
-    /* @__PURE__ */ t(C, { htmlFor: i, children: d }),
-    /* @__PURE__ */ o(
-      W,
+  const c = v.length > 0, g = w ? A ?? p : d ? h : c ? y : p, s = w ? N : !d && !c ? f : c ? L : void 0;
+  return /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
+    /* @__PURE__ */ t(C, { htmlFor: a, children: m }),
+    /* @__PURE__ */ n(
+      U,
       {
-        value: p || void 0,
-        disabled: w || l || !r,
-        onValueChange: (n) => s(n === R ? "" : n),
+        value: u || void 0,
+        disabled: o || d || !c,
+        onValueChange: (l) => r(l === R ? "" : l),
         children: [
-          /* @__PURE__ */ t($, { id: i, className: "ttw:w-full", children: /* @__PURE__ */ t(J, { placeholder: L }) }),
-          /* @__PURE__ */ o(K, { children: [
-            p ? /* @__PURE__ */ t(D, { value: R, children: v }) : null,
-            g.map((n) => /* @__PURE__ */ t(D, { value: n.value, children: n.label }, n.value))
+          /* @__PURE__ */ t(W, { id: a, className: "ttw:w-full", children: /* @__PURE__ */ t(J, { placeholder: g }) }),
+          /* @__PURE__ */ n(K, { children: [
+            u ? /* @__PURE__ */ t(O, { value: R, children: b }) : null,
+            v.map((l) => /* @__PURE__ */ t(
+              O,
+              {
+                value: l.value,
+                description: l.sublabel,
+                children: l.label
+              },
+              l.value
+            ))
           ] })
         ]
       }
     ),
-    c ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: c }) : null
+    s ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: s }) : null
   ] });
 }
-function ce({
-  form: i,
-  roleOptions: d,
-  departmentOptions: p,
-  locationOptions: g,
-  reportingManagerOptions: A,
-  accountAccessOptions: m,
-  departmentsLoading: u = !1,
-  locationsLoading: v = !1,
-  reportingManagersLoading: l = !1,
-  departmentsError: h = !1,
-  locationsError: y = !1,
+function le({
+  form: a,
+  roleOptions: m,
+  departmentOptions: u,
+  locationOptions: v,
+  reportingManagerOptions: y,
+  accountAccessOptions: p,
+  departmentsLoading: h = !1,
+  locationsLoading: b = !1,
+  reportingManagersLoading: d = !1,
+  departmentsError: w = !1,
+  locationsError: A = !1,
   reportingManagersError: N = !1,
-  accountAccessLoading: b = !1,
-  accountAccessError: f = !1,
-  isAccountAccessVisible: w = !1,
-  isAccountAccessAdmin: s = !1,
+  accountAccessLoading: f = !1,
+  accountAccessError: L = !1,
+  accountAccessMode: o = "hidden",
   errors: r,
-  submitErrorMessage: L,
-  isSubmitting: c = !1,
-  onFormChange: n,
-  onBackClick: T,
+  submitErrorMessage: c,
+  isSubmitting: g = !1,
+  onFormChange: s,
+  onBackClick: l,
   onCancel: B,
-  onSubmit: V,
+  onSubmit: T,
   labels: k
 }) {
-  const e = { ...X, ...k }, H = j(null), I = z(
-    () => m.map((a) => ({
-      ...a,
-      checked: s || i.accountAccess.includes(a.value)
-    })),
-    [m, s, i.accountAccess]
-  ), F = (a, _) => {
-    n({
+  const e = { ...X, ...k }, H = P(null), V = j(
+    () => p.map((i) => ({
       ...i,
-      accountAccess: _ ? [...i.accountAccess, a] : i.accountAccess.filter((P) => P !== a)
+      checked: o === "admin" || a.accountAccess.includes(i.value)
+    })),
+    [p, o, a.accountAccess]
+  ), I = (i, F) => {
+    s({
+      ...a,
+      accountAccess: F ? [...a.accountAccess, i] : a.accountAccess.filter((_) => _ !== i)
     });
   };
-  return q(() => {
+  return z(() => {
     H.current?.focus();
-  }, []), /* @__PURE__ */ o(
+  }, []), /* @__PURE__ */ n(
     "section",
     {
       "aria-label": e.inviteTitle,
       className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
       children: [
-        /* @__PURE__ */ o(
-          M,
+        /* @__PURE__ */ n(
+          E,
           {
             ref: H,
             variant: "ghost",
             size: "sm",
-            disabled: c,
-            onClick: T,
+            disabled: g,
+            onClick: l,
             children: [
-              /* @__PURE__ */ t(G, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(q, { "aria-hidden": !0, className: "ttw:size-4" }),
               e.inviteBackToTeamButton
             ]
           }
@@ -118,13 +125,13 @@ function ce({
           {
             noValidate: !0,
             className: "ttw:mt-4",
-            onSubmit: (a) => {
-              a.preventDefault(), V();
+            onSubmit: (i) => {
+              i.preventDefault(), T();
             },
-            children: /* @__PURE__ */ o("fieldset", { className: "ttw:space-y-6", disabled: c, children: [
-              /* @__PURE__ */ o("div", { className: "ttw:space-y-4", children: [
+            children: /* @__PURE__ */ n("fieldset", { className: "ttw:space-y-6", disabled: g, children: [
+              /* @__PURE__ */ n("div", { className: "ttw:space-y-4", children: [
                 /* @__PURE__ */ t("h4", { className: "ttw:text-base ttw:font-semibold ttw:text-foreground", children: e.inviteDetailsSectionHeading }),
-                /* @__PURE__ */ o("div", { className: "ttw:space-y-2", children: [
+                /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(C, { htmlFor: "team-invite-name", children: e.inviteNameLabel }),
                   /* @__PURE__ */ t(
                     S,
@@ -133,15 +140,15 @@ function ce({
                       name: "name",
                       autoComplete: "name",
                       required: !0,
-                      value: i.name,
+                      value: a.name,
                       "aria-invalid": r?.name ? !0 : void 0,
                       "aria-describedby": r?.name ? "team-invite-name-error" : void 0,
-                      onChange: (a) => n({ ...i, name: a.target.value })
+                      onChange: (i) => s({ ...a, name: i.target.value })
                     }
                   ),
-                  r?.name && /* @__PURE__ */ t(E, { id: "team-invite-name-error", message: r.name })
+                  r?.name && /* @__PURE__ */ t(M, { id: "team-invite-name-error", message: r.name })
                 ] }),
-                /* @__PURE__ */ o("div", { className: "ttw:space-y-2", children: [
+                /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(C, { htmlFor: "team-invite-email", children: e.inviteWorkEmailLabel }),
                   /* @__PURE__ */ t(
                     S,
@@ -151,38 +158,38 @@ function ce({
                       type: "email",
                       autoComplete: "email",
                       required: !0,
-                      value: i.email,
+                      value: a.email,
                       "aria-invalid": r?.email ? !0 : void 0,
                       "aria-describedby": r?.email ? "team-invite-email-error" : void 0,
-                      onChange: (a) => n({ ...i, email: a.target.value })
+                      onChange: (i) => s({ ...a, email: i.target.value })
                     }
                   ),
                   r?.email && /* @__PURE__ */ t(
-                    E,
+                    M,
                     {
                       id: "team-invite-email-error",
                       message: r.email
                     }
                   )
                 ] }),
-                /* @__PURE__ */ o("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
+                /* @__PURE__ */ n("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
                   /* @__PURE__ */ t(
                     x,
                     {
                       id: "team-invite-department",
                       label: e.inviteDepartmentLabel,
-                      value: i.department,
-                      options: p,
+                      value: a.department,
+                      options: u,
                       placeholder: e.inviteDepartmentPlaceholder,
                       emptyMessage: e.inviteDepartmentEmpty,
                       loadingMessage: e.inviteOptionsLoading,
                       noneLabel: e.inviteOptionNone,
-                      isLoading: u,
-                      isError: h,
+                      isLoading: h,
+                      isError: w,
                       errorMessage: e.inviteDepartmentLoadError,
                       errorHelper: e.inviteDepartmentLoadErrorHelper,
                       emptyHelper: e.inviteDepartmentEmptyHelper,
-                      onValueChange: (a) => n({ ...i, department: a })
+                      onValueChange: (i) => s({ ...a, department: i })
                     }
                   ),
                   /* @__PURE__ */ t(
@@ -190,18 +197,18 @@ function ce({
                     {
                       id: "team-invite-location",
                       label: e.inviteLocationLabel,
-                      value: i.location,
-                      options: g,
+                      value: a.location,
+                      options: v,
                       placeholder: e.inviteLocationPlaceholder,
                       emptyMessage: e.inviteLocationEmpty,
                       loadingMessage: e.inviteOptionsLoading,
                       noneLabel: e.inviteOptionNone,
-                      isLoading: v,
-                      isError: y,
+                      isLoading: b,
+                      isError: A,
                       errorMessage: e.inviteLocationLoadError,
                       errorHelper: e.inviteLocationLoadErrorHelper,
                       emptyHelper: e.inviteLocationEmptyHelper,
-                      onValueChange: (a) => n({ ...i, location: a })
+                      onValueChange: (i) => s({ ...a, location: i })
                     }
                   )
                 ] }),
@@ -210,23 +217,23 @@ function ce({
                   {
                     id: "team-invite-reporting-manager",
                     label: e.inviteReportingManagerLabel,
-                    value: i.reportingManager,
-                    options: A,
+                    value: a.reportingManager,
+                    options: y,
                     placeholder: e.inviteReportingManagerPlaceholder,
                     emptyMessage: e.inviteReportingManagerEmpty,
                     loadingMessage: e.inviteOptionsLoading,
                     noneLabel: e.inviteOptionNone,
-                    isLoading: l,
+                    isLoading: d,
                     isError: N,
                     errorMessage: e.inviteReportingManagerLoadError,
                     errorHelper: e.inviteReportingManagerLoadErrorHelper,
                     emptyHelper: e.inviteReportingManagerEmptyHelper,
                     readyHelper: e.inviteReportingManagerHelper,
-                    onValueChange: (a) => n({ ...i, reportingManager: a })
+                    onValueChange: (i) => s({ ...a, reportingManager: i })
                   }
                 )
               ] }),
-              /* @__PURE__ */ o("div", { className: "ttw:space-y-1", children: [
+              /* @__PURE__ */ n("div", { className: "ttw:space-y-1", children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -240,17 +247,28 @@ function ce({
                   Y,
                   {
                     idPrefix: "team-invite-role",
-                    options: d,
-                    value: i.role,
-                    onValueChange: (a) => n({ ...i, role: a }),
+                    options: m,
+                    value: a.role,
+                    onValueChange: (i) => s({ ...a, role: i }),
                     ariaLabelledBy: "team-invite-role-heading",
                     ariaInvalid: !!r?.role,
                     ariaDescribedBy: r?.role ? "team-invite-role-error" : void 0
                   }
                 ) }),
-                r?.role && /* @__PURE__ */ t(E, { id: "team-invite-role-error", message: r.role })
+                r?.role && /* @__PURE__ */ t(M, { id: "team-invite-role-error", message: r.role })
+              ] }),
+              o === "employee" && /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    id: "team-invite-account-access-heading",
+                    className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+                    children: e.inviteAccountAccessSectionHeading
+                  }
+                ),
+                /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessEmployeeNote })
               ] }),
-              w && /* @__PURE__ */ o("div", { className: "ttw:space-y-2", children: [
+              (o === "picker" || o === "admin") && /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -260,13 +278,13 @@ function ce({
                   }
                 ),
                 /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteAccountAccessSectionDescription }),
-                f ? /* @__PURE__ */ t(O, { children: e.inviteAccountAccessLoadError }) : b ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteOptionsLoading }) : /* @__PURE__ */ t(
+                L ? /* @__PURE__ */ t(D, { children: e.inviteAccountAccessLoadError }) : f ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteOptionsLoading }) : /* @__PURE__ */ t(
                   Q,
                   {
-                    rows: I,
-                    onToggle: F,
-                    disabled: s,
-                    note: s ? e.inviteAccountAccessAdminNote : void 0,
+                    rows: V,
+                    onToggle: I,
+                    disabled: o === "admin",
+                    note: o === "admin" ? e.inviteAccountAccessAdminNote : void 0,
                     emptyMessage: e.inviteAccountAccessEmpty,
                     labels: {
                       accountNameColumn: e.accountAccessNameColumn,
@@ -276,18 +294,18 @@ function ce({
                   }
                 )
               ] }),
-              L && /* @__PURE__ */ t(O, { children: L }),
-              /* @__PURE__ */ o("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
-                /* @__PURE__ */ t(M, { type: "button", variant: "ghost", onClick: B, children: e.inviteCancelButton }),
-                /* @__PURE__ */ o(
-                  M,
+              c && /* @__PURE__ */ t(D, { children: c }),
+              /* @__PURE__ */ n("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
+                /* @__PURE__ */ t(E, { type: "button", variant: "ghost", onClick: B, children: e.inviteCancelButton }),
+                /* @__PURE__ */ n(
+                  E,
                   {
                     type: "submit",
-                    loading: c,
-                    disabled: u || v || l || w && (b || f),
+                    loading: g,
+                    disabled: h || b || d || (o === "picker" || o === "admin") && (f || L),
                     children: [
                       e.inviteSubmitButton,
-                      /* @__PURE__ */ t(U, { "aria-hidden": !0, className: "ttw:size-4" })
+                      /* @__PURE__ */ t(G, { "aria-hidden": !0, className: "ttw:size-4" })
                     ]
                   }
                 )
@@ -300,6 +318,6 @@ function ce({
   );
 }
 export {
-  ce as InviteTeamMemberForm,
+  le as InviteTeamMemberForm,
   x as OptionalSelect
 };