@tesouro/embedded-components-react 0.2.87 → 0.2.90

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

@@ -5,7 +5,7 @@ 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 te } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.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 "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "react/jsx-runtime";
@@ -24,8 +24,9 @@ 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 Q, toReportingManagerOptions as Ee } from "./index12.js";
-const $ = {
+import { toRoleCardOptions as ve, toNamedSelectOptions as P, toReportingManagerOptions as Ee } from "./index12.js";
+import { toast as Ie } from "sonner";
+const Q = {
   name: "",
   email: "",
   department: "",
@@ -33,8 +34,8 @@ const $ = {
   reportingManager: "",
   role: "",
   accountAccess: []
-}, Ie = /^\S+@\S+\.\S+$/;
-function je({
+}, fe = /^\S+@\S+\.\S+$/;
+function Ge({
   canInvite: u,
   canReadDirectory: U,
   canManageAccountAccess: E,
@@ -44,23 +45,23 @@ function je({
   featureLabels: e,
   acceptInviteRedirectUri: V
 }) {
-  const B = ae(), [I, f] = S(!1), [r, h] = S($), [D, O] = S({}), g = ie(), t = I && u && U, a = ne({ enabled: t }), i = ce({ enabled: t }), s = se({
+  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({
     Status: "ACTIVE",
-    enabled: t
-  }), v = I && u && E, n = te({
+    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 ? Q(a.data?.data ?? []) : [],
+    () => a.isComplete ? P(a.data?.data ?? []) : [],
     [a.isComplete, a.data?.data]
   ), w = d(
-    () => i.isComplete ? Q(i.data?.data ?? []) : [],
+    () => i.isComplete ? P(i.data?.data ?? []) : [],
     [i.isComplete, i.data?.data]
   ), W = d(
     () => s.isComplete ? Ee(s.data?.data ?? []) : [],
     [s.isComplete, s.data?.data]
-  ), T = t && !a.isComplete && !a.isError, F = t && !i.isComplete && !i.isError, x = 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 = v && (m && n.isError || l && c.isError), k = v && !y && (!H || !J), b = d(
+  ), 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(
       m ? n.data?.data ?? [] : [],
       l ? c.data?.data ?? [] : [],
@@ -77,24 +78,24 @@ function je({
       e.accountTypeChecking,
       e.accountTypeSavings
     ]
-  ), X = b.options, N = le(A, r.role), C = pe(N), M = E && de(N), Y = () => {
-    u && (h($), O({}), g.reset(), f(!0));
+  ), 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 = () => {
     f(!1);
   }, _ = () => {
-    if (!u || T || F || x || // Account access likewise isn't editable after invite here (only via the
+    if (!u || O || 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 && (k || y))
+    M && (x || y))
       return;
-    const o = {}, L = r.name.trim(), R = r.email.trim();
-    L || (o.name = e.nameRequiredError), R ? Ie.test(R) || (o.email = e.emailInvalidError) : o.email = e.emailRequiredError;
-    const P = r.role;
-    if (A.some((p) => p.id === P) ? C && !E && (o.role = e.roleNeedsAccountAccessError) : o.role = e.roleRequiredError, O(o), o.name || o.email || o.role)
+    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)
       return;
-    const ee = M ? C ? b.allAccountIds : r.accountAccess : [], re = ue(
+    const ee = M ? b ? C.allAccountIds : t.accountAccess : [], te = ue(
       ee,
-      b.descriptors
+      C.descriptors
     );
     g.mutate(
       {
@@ -103,7 +104,7 @@ function je({
           email: R,
           status: "INVITED",
           // Empty select = no manager; the API treats null as "unset".
-          reportingManagerUserId: r.reportingManager || null,
+          reportingManagerUserId: t.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.
@@ -112,17 +113,17 @@ function je({
           // link points at. Must be on the identity redirect-URI allowlist.
           redirectUri: ge(V)
         },
-        roleId: P,
+        roleId: $,
         // Department/location are optional follow-up membership writes.
-        departmentId: r.department || void 0,
-        locationId: r.location || void 0,
-        bankAccountAccess: re
+        departmentId: t.department || void 0,
+        locationId: t.location || void 0,
+        bankAccountAccess: te
       },
       {
         onSuccess: (p) => {
           B(Ae.MemberInvited, {
             memberId: p?.id
-          }), f(!1);
+          }), Ie.success(e.inviteSuccessToast), f(!1);
         },
         onError: (p) => {
           console.error("Failed to send team invite:", p);
@@ -132,7 +133,7 @@ function je({
   };
   return {
     isInviteOpen: I,
-    inviteForm: r,
+    inviteForm: t,
     inviteErrors: D,
     isInviting: g.isPending,
     inviteErrorMessage: g.isError ? e.inviteFailedError : void 0,
@@ -141,22 +142,22 @@ function je({
     locationOptions: w,
     reportingManagerOptions: W,
     accountAccessOptions: X,
-    departmentsLoading: T,
-    locationsLoading: F,
-    reportingManagersLoading: x,
+    departmentsLoading: O,
+    locationsLoading: h,
+    reportingManagersLoading: k,
     departmentsError: j,
     locationsError: z,
     reportingManagersError: G,
-    accountAccessLoading: k,
+    accountAccessLoading: x,
     accountAccessError: y,
     isAccountAccessVisible: M,
-    isAccountAccessAdmin: C,
+    isAccountAccessAdmin: b,
     openInviteForm: Y,
     closeInviteForm: Z,
-    onInviteFormChange: h,
+    onInviteFormChange: T,
     onInviteSubmit: _
   };
 }
 export {
-  je as useInviteForm
+  Ge as useInviteForm
 };

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

@@ -1,108 +1,108 @@
 "use client";
-import { jsxs as i, jsx as t, Fragment as g } from "react/jsx-runtime";
+import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { useRef as D, useEffect as L } from "react";
 import { Plus as B, Building2 as I, UsersIcon as j } from "lucide-react";
-import { Button as F, Table as $, TableHeader as A, TableRow as c, TableHead as o, TableBody as E, TableCell as s, Badge as h, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as F, Table as A, TableHeader as E, TableRow as c, TableHead as o, TableBody as R, TableCell as r, Badge as h, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { avatarSwatchFor as H } from "../../../shared/ui/dist/lib/avatarSwatch.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { PaginationFooter as R } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
-import { avatarSwatchFor as H } from "./index19.js";
-import { DEFAULT_LABELS as q } from "./index17.js";
-import { statusToneClassName as K } from "./index14.js";
-const O = [5, 10, 25], U = 4;
-function G() {
-  return /* @__PURE__ */ t(g, { children: Array.from({ length: 5 }).map((l, r) => /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+import { PaginationFooter as q } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
+import { DEFAULT_LABELS as O } from "./index17.js";
+import { statusToneClassName as U } from "./index14.js";
+const $ = [5, 10, 25], G = 4;
+function J() {
+  return /* @__PURE__ */ t(p, { children: Array.from({ length: 5 }).map((l, s) => /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
       /* @__PURE__ */ t(n, { className: "ttw:size-8 ttw:rounded-full" }),
       /* @__PURE__ */ i("div", { className: "ttw:flex-1 ttw:space-y-2", children: [
         /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-32" }),
         /* @__PURE__ */ t(n, { className: "ttw:h-3 ttw:w-44" })
       ] })
     ] }) }),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-20" }) }),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-24" }) }),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-16" }) })
-  ] }, r)) });
+    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-20" }) }),
+    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-24" }) }),
+    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-16" }) })
+  ] }, s)) });
 }
 function f({
   title: l,
-  description: r
+  description: s
 }) {
-  return /* @__PURE__ */ t(c, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(s, { colSpan: U, className: "ttw:p-0", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
+  return /* @__PURE__ */ t(c, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(r, { colSpan: G, className: "ttw:p-0", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
     /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(j, { className: "ttw:size-6 ttw:text-muted-foreground" }) }),
     /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: l }),
-    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: r })
+    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: s })
   ] }) }) });
 }
 function et({
   rows: l,
-  isLoading: r = !1,
-  isError: p = !1,
-  showPagination: b = !1,
+  isLoading: s = !1,
+  isError: b = !1,
+  showPagination: g = !1,
   isPreviousPageDisabled: x = !1,
   isNextPageDisabled: N = !1,
   pageSize: v = 10,
-  pageSizeOptions: y = O,
+  pageSizeOptions: y = $,
   rangeLabel: S = "",
   onPageSizeChange: k,
-  autoFocusRowKey: w,
+  autoFocusRowKey: d,
   onPreviousPageClick: C,
   onNextPageClick: P,
-  onInviteClick: d,
+  onInviteClick: w,
   labels: z
 }) {
-  const a = { ...q, ...z }, m = D(null);
+  const a = { ...O, ...z }, m = D(null);
   return L(() => {
-    if (!w)
+    if (!d)
       return;
     const e = m.current;
     e && (e.querySelector(
-      `button[data-row-key="${CSS.escape(w)}"]`
+      `button[data-row-key="${CSS.escape(d)}"]`
     ) ?? e).focus();
-  }, [w]), /* @__PURE__ */ i(
+  }, [d]), /* @__PURE__ */ i(
     "section",
     {
       ref: m,
       tabIndex: -1,
       "aria-label": a.title,
-      "aria-busy": r || void 0,
+      "aria-busy": s || void 0,
       className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border ttw:bg-background",
       children: [
-        r && /* @__PURE__ */ t("span", { role: "status", className: "ttw:sr-only", children: a.loadingLabel }),
+        s && /* @__PURE__ */ t("span", { role: "status", className: "ttw:sr-only", children: a.loadingLabel }),
         /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3", children: [
           /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold ttw:text-foreground", children: a.title }),
-          d && /* @__PURE__ */ i(F, { size: "sm", disabled: r, onClick: d, children: [
+          w && /* @__PURE__ */ i(F, { size: "sm", disabled: s, onClick: w, children: [
             /* @__PURE__ */ t(B, { "aria-hidden": !0, className: "ttw:size-4" }),
             a.inviteButton
           ] })
         ] }),
-        /* @__PURE__ */ i($, { children: [
-          /* @__PURE__ */ t(A, { children: /* @__PURE__ */ i(c, { className: "ttw:hover:bg-transparent", children: [
+        /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ t(E, { children: /* @__PURE__ */ i(c, { className: "ttw:hover:bg-transparent", children: [
             /* @__PURE__ */ t(o, { children: a.nameColumn }),
             /* @__PURE__ */ t(o, { children: a.roleColumn }),
             /* @__PURE__ */ t(o, { children: a.departmentColumn }),
             /* @__PURE__ */ t(o, { children: a.statusColumn })
           ] }) }),
-          /* @__PURE__ */ t(E, { children: p ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(R, { children: b ? /* @__PURE__ */ t(
             f,
             {
               title: a.errorTitle,
               description: a.errorDescription
             }
-          ) : r ? /* @__PURE__ */ t(G, {}) : l.length === 0 ? /* @__PURE__ */ t(
+          ) : s ? /* @__PURE__ */ t(J, {}) : l.length === 0 ? /* @__PURE__ */ t(
             f,
             {
               title: a.emptyTitle,
               description: a.emptyDescription
             }
           ) : l.map((e) => {
-            const u = /* @__PURE__ */ i(g, { children: [
+            const u = /* @__PURE__ */ i(p, { children: [
               /* @__PURE__ */ t(
                 "span",
                 {
                   "aria-hidden": !0,
                   className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${H(
-                    e.key
+                    e.email
                   )}`,
                   children: e.initials
                 }
@@ -119,7 +119,7 @@ function et({
                 className: e.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
                 onClick: e.isInactive ? void 0 : () => e.onSelect(),
                 children: [
-                  /* @__PURE__ */ t(s, { children: e.isInactive ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2", children: u }) : /* @__PURE__ */ t(
+                  /* @__PURE__ */ t(r, { children: e.isInactive ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2", children: u }) : /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
@@ -131,7 +131,7 @@ function et({
                       children: u
                     }
                   ) }),
-                  /* @__PURE__ */ t(s, { children: e.isInactive ? (
+                  /* @__PURE__ */ t(r, { children: e.isInactive ? (
                     // Deactivated members show a muted placeholder for role,
                     // matching the legacy team list.
                     /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: a.inactiveRolePlaceholder })
@@ -143,7 +143,7 @@ function et({
                       children: e.roleLabel
                     }
                   ) }),
-                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]", children: [
+                  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]", children: [
                     /* @__PURE__ */ t(
                       I,
                       {
@@ -153,22 +153,22 @@ function et({
                     ),
                     /* @__PURE__ */ t("span", { children: e.departmentLabel })
                   ] }) }),
-                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(h, { className: K(e.statusTone), children: e.statusLabel }) })
+                  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(h, { className: U(e.statusTone), children: e.statusLabel }) })
                 ]
               },
               e.key
             );
           }) })
         ] }),
-        b && /* @__PURE__ */ t(
-          R,
+        g && /* @__PURE__ */ t(
+          q,
           {
             pageSize: v,
             pageSizeOptions: y,
             rangeLabel: S,
             isPreviousDisabled: x,
             isNextDisabled: N,
-            isDisabled: r,
+            isDisabled: s,
             onPageSizeChange: k ?? (() => {
             }),
             onPreviousPageClick: C,

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

@@ -1,19 +1,21 @@
 "use client";
 import { jsxs as e, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { useRef as G, useEffect as J } from "react";
-import { ArrowLeftIcon as Q, MailIcon as X, PencilIcon as Z, UserXIcon as _, CornerDownRightIcon as $, Building2 as q } from "lucide-react";
-import { Button as i, Badge as d, Separator as n, Table as K, TableHeader as O, TableRow as k, TableHead as c, TableBody as V, TableCell as o, Spinner as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useRef as $, useEffect as G } from "react";
+import { ArrowLeftIcon as J, MailIcon as Q, PencilIcon as X, UserXIcon as Z, CornerDownRightIcon as _, Building2 as q } from "lucide-react";
+import { Button as i, Badge as c, Separator as n, Table as K, TableHeader as O, TableRow as k, TableHead as d, TableBody as V, TableCell as o, Spinner as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { AccountAccessSummaryTable as W } from "./index2.js";
-import { avatarSwatchFor as b } from "./index19.js";
+import { avatarSwatchFor as b } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { DEFAULT_LABELS as Y } from "./index17.js";
 import { statusToneClassName as D } from "./index14.js";
-function w({ label: l, value: r }) {
+function m({ label: l, value: r }) {
   return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
     /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:text-muted-foreground", children: l }),
     /* @__PURE__ */ t("dd", { className: "ttw:text-base ttw:text-foreground", children: r })
   ] });
 }
-function dt({
+function ot({
   name: l,
   email: r,
   initials: S,
@@ -27,7 +29,7 @@ function dt({
   lastSignInLabel: N,
   departmentLabel: I,
   locationLabel: M,
-  reportingManagerName: m,
+  reportingManagerName: w,
   reportingManagerInitials: j,
   reportingManagerSeed: E,
   directReports: p = [],
@@ -40,8 +42,8 @@ function dt({
   onDeactivateClick: f,
   labels: U
 }) {
-  const a = { ...Y, ...U }, L = G(null);
-  return J(() => {
+  const a = { ...Y, ...U }, L = $(null);
+  return G(() => {
     L.current?.focus();
   }, []), /* @__PURE__ */ e(
     "section",
@@ -58,18 +60,18 @@ function dt({
               size: "sm",
               onClick: P,
               children: [
-                /* @__PURE__ */ t(Q, { className: "ttw:size-4" }),
+                /* @__PURE__ */ t(J, { className: "ttw:size-4" }),
                 a.detailsBackButton
               ]
             }
           ),
           (u || h || f) && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
             h && /* @__PURE__ */ e(i, { variant: "outline", size: "sm", onClick: h, children: [
-              /* @__PURE__ */ t(X, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(Q, { "aria-hidden": !0, className: "ttw:size-4" }),
               a.detailsResendButton
             ] }),
             u && /* @__PURE__ */ e(i, { variant: "outline", size: "sm", onClick: u, children: [
-              /* @__PURE__ */ t(Z, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(X, { "aria-hidden": !0, className: "ttw:size-4" }),
               a.detailsEditButton
             ] }),
             f && /* @__PURE__ */ e(
@@ -80,7 +82,7 @@ function dt({
                 className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
                 onClick: f,
                 children: [
-                  /* @__PURE__ */ t(_, { "aria-hidden": !0, className: "ttw:size-4" }),
+                  /* @__PURE__ */ t(Z, { "aria-hidden": !0, className: "ttw:size-4" }),
                   a.detailsDeactivateButton
                 ]
               }
@@ -102,7 +104,7 @@ function dt({
             /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
               /* @__PURE__ */ t("h3", { className: "ttw:text-lg ttw:font-semibold ttw:text-foreground", children: l }),
               /* @__PURE__ */ t(
-                d,
+                c,
                 {
                   variant: "outline",
                   className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
@@ -111,7 +113,7 @@ function dt({
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground", children: [
-              /* @__PURE__ */ t(d, { className: D(R), children: B }),
+              /* @__PURE__ */ t(c, { className: D(R), children: B }),
               N ? /* @__PURE__ */ e(C, { children: [
                 /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "|" }),
                 /* @__PURE__ */ t("span", { children: a.detailsLastSignInLabel }),
@@ -124,17 +126,17 @@ function dt({
         /* @__PURE__ */ e("div", { className: "ttw:mb-4", children: [
           /* @__PURE__ */ t("h4", { className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsMemberDetailsHeading }),
           /* @__PURE__ */ e("dl", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
-            /* @__PURE__ */ t(w, { label: a.detailsNameLabel, value: l }),
+            /* @__PURE__ */ t(m, { label: a.detailsNameLabel, value: l }),
             /* @__PURE__ */ t(
-              w,
+              m,
               {
                 label: a.detailsDepartmentLabel,
                 value: I
               }
             ),
-            /* @__PURE__ */ t(w, { label: a.detailsEmailLabel, value: r }),
+            /* @__PURE__ */ t(m, { label: a.detailsEmailLabel, value: r }),
             /* @__PURE__ */ t(
-              w,
+              m,
               {
                 label: a.detailsLocationLabel,
                 value: M
@@ -145,9 +147,9 @@ function dt({
         /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
         /* @__PURE__ */ e("div", { className: "ttw:mb-4", children: [
           /* @__PURE__ */ t("h4", { className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsReportingManagerLabel }),
-          m ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+          w ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
             /* @__PURE__ */ t(
-              $,
+              _,
               {
                 "aria-hidden": !0,
                 className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
@@ -158,12 +160,12 @@ function dt({
               {
                 "aria-hidden": !0,
                 className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${b(
-                  E || m
+                  E || w
                 )}`,
                 children: j
               }
             ),
-            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-foreground", children: m })
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-foreground", children: w })
           ] }) : /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.detailsReportingManagerNone })
         ] }),
         p.length > 0 ? /* @__PURE__ */ e(C, { children: [
@@ -172,10 +174,10 @@ function dt({
             /* @__PURE__ */ t("h4", { className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsApprovesExpensesHeading }),
             /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border", children: /* @__PURE__ */ e(K, { children: [
               /* @__PURE__ */ t(O, { children: /* @__PURE__ */ e(k, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
-                /* @__PURE__ */ t(c, { children: a.nameColumn }),
-                /* @__PURE__ */ t(c, { children: a.roleColumn }),
-                /* @__PURE__ */ t(c, { children: a.departmentColumn }),
-                /* @__PURE__ */ t(c, { children: a.statusColumn })
+                /* @__PURE__ */ t(d, { children: a.nameColumn }),
+                /* @__PURE__ */ t(d, { children: a.roleColumn }),
+                /* @__PURE__ */ t(d, { children: a.departmentColumn }),
+                /* @__PURE__ */ t(d, { children: a.statusColumn })
               ] }) }),
               /* @__PURE__ */ t(V, { children: p.map((s) => /* @__PURE__ */ e(k, { children: [
                 /* @__PURE__ */ t(o, { children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
@@ -184,7 +186,7 @@ function dt({
                     {
                       "aria-hidden": !0,
                       className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${b(
-                        s.key
+                        s.email
                       )}`,
                       children: s.initials
                     }
@@ -192,7 +194,7 @@ function dt({
                   /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: s.name })
                 ] }) }),
                 /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
-                  d,
+                  c,
                   {
                     variant: "outline",
                     className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
@@ -210,7 +212,7 @@ function dt({
                   s.departmentLabel
                 ] }) }),
                 /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
-                  d,
+                  c,
                   {
                     className: D(s.statusTone),
                     children: s.statusLabel
@@ -265,5 +267,5 @@ function dt({
   );
 }
 export {
-  dt as TeamMemberDetails
+  ot as TeamMemberDetails
 };

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

@@ -1,28 +1,33 @@
 "use client";
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { avatarSwatchFor as n } from "./index19.js";
-const r = "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ttw:ring-2 ttw:ring-background ttw:-ml-2 ttw:first:ml-0";
-function m({ items: i, overflowLabel: e, label: l }) {
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { avatarSwatchFor as n } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+const i = "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ttw:ring-2 ttw:ring-background ttw:-ml-2 ttw:first:ml-0";
+function f({ items: a, overflowLabel: e, label: l }) {
   return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center", "aria-label": l, role: "group", children: [
-    i.map((t) => /* @__PURE__ */ a(
+    a.map((t) => /* @__PURE__ */ r(
       "span",
       {
         "aria-hidden": !0,
-        className: `${r} ${n(t.key || t.initials)}`,
+        className: `${i} ${n(t.key || t.initials)}`,
         children: t.initials
       },
       t.key
     )),
-    e ? /* @__PURE__ */ a(
+    e ? /* @__PURE__ */ r(
       "span",
       {
         "aria-hidden": !0,
-        className: `${r} ttw:bg-muted ttw:text-muted-foreground`,
+        className: `${i} ttw:bg-muted ttw:text-muted-foreground`,
         children: e
       }
     ) : null
   ] });
 }
 export {
-  m as AvatarStack
+  f as AvatarStack
 };