@tesouro/embedded-components-react 0.5.282 → 0.5.283

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.css +6 -0
  2. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index11.js +3 -1
  3. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index17.js +3 -3
  4. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index.js +3 -3
  5. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index16.js +11 -173
  6. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js +151 -257
  7. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index18.js +283 -14
  8. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index19.js +23 -0
  9. package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index6.js +1 -0
  10. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  11. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -2595,6 +2595,9 @@
2595
2595
  .ttw\:bg-\[\#ECFDF5\] {
2596
2596
  background-color: #ECFDF5;
2597
2597
  }
2598
+ .ttw\:bg-\[\#EEF4FF\] {
2599
+ background-color: #EEF4FF;
2600
+ }
2598
2601
  .ttw\:bg-\[\#EFF8FF\] {
2599
2602
  background-color: #EFF8FF;
2600
2603
  }
@@ -3727,6 +3730,9 @@
3727
3730
  .ttw\:text-\[\#432dd7\] {
3728
3731
  color: #432dd7;
3729
3732
  }
3733
+ .ttw\:text-\[\#3538CD\] {
3734
+ color: #3538CD;
3735
+ }
3730
3736
  .ttw\:text-\[\#101011\] {
3731
3737
  color: #101011;
3732
3738
  }
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index11.js CHANGED
@@ -99,7 +99,8 @@ function k(t, n, r = [], i) {
99
99
  email: t.email,
100
100
  initials: e(t.name),
101
101
  roleLabel: o(a, t.role) ?? E(t.role, n),
102
- statusLabel: D(t.status, n)
102
+ statusLabel: D(t.status, n),
103
+ showAuthorizedSignerBadge: t.isAuthorizedSigner === !0
103
104
  };
104
105
  }
105
106
  function A(e) {
@@ -130,6 +131,7 @@ function N(t, n, r = [], i) {
130
131
  initials: e(t.name),
131
132
  statusLabel: D(t.status, n),
132
133
  statusTone: A(t.status),
134
+ showAuthorizedSignerBadge: t.isAuthorizedSigner === !0,
133
135
  accountAccessLabel: n.notAvailable,
134
136
  roleCardTitle: d,
135
137
  roleCardDescription: p,
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index17.js CHANGED
@@ -32,9 +32,9 @@ import { EditTeamMemberPanel as Oe } from "../../ui/dist/index10.js";
32
32
  import { GroupAdminDrawer as ke } from "../../ui/dist/index12.js";
33
33
  import { GroupAdminPanel as Ae } from "../../ui/dist/index14.js";
34
34
  import { TeamActionDialog as s } from "../../ui/dist/index15.js";
35
- import { TeamMembersTable as je } from "../../ui/dist/index16.js";
36
- import { TeamMemberDetails as Me } from "../../ui/dist/index17.js";
37
- import { TeamTabs as Ne } from "../../ui/dist/index18.js";
35
+ import { TeamMembersTable as je } from "../../ui/dist/index17.js";
36
+ import { TeamMemberDetails as Me } from "../../ui/dist/index18.js";
37
+ import { TeamTabs as Ne } from "../../ui/dist/index19.js";
38
38
  import "../../ui/dist/index.js";
39
39
  import { useEffect as c, useMemo as l, useState as u } from "react";
40
40
  import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index.js CHANGED
@@ -11,7 +11,7 @@ import { GroupAdminDrawer as n } from "./index12.js";
11
11
  import "./index13.js";
12
12
  import { GroupAdminPanel as r } from "./index14.js";
13
13
  import { TeamActionDialog as i } from "./index15.js";
14
- import { TeamMembersTable as a } from "./index16.js";
15
- import { TeamMemberDetails as o } from "./index17.js";
16
- import { TeamTabs as s } from "./index18.js";
14
+ import { TeamMembersTable as a } from "./index17.js";
15
+ import { TeamMemberDetails as o } from "./index18.js";
16
+ import { TeamTabs as s } from "./index19.js";
17
17
  export { t as EditTeamMemberPanel, n as GroupAdminDrawer, r as GroupAdminPanel, e as InviteTeamMemberForm, i as TeamActionDialog, o as TeamMemberDetails, a as TeamMembersTable, s as TeamTabs };
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index16.js CHANGED
@@ -1,177 +1,15 @@
1
- "use client";
2
- "use client";
3
- "use client";
4
- "use client";
5
- import { Badge as e, Button as t, Skeleton as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
- import { avatarSwatchFor as l } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
7
- import { PaginationFooter as u } from "../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
8
- import "../../../../shared/ui/dist/index.js";
9
- import { DEFAULT_LABELS as d } from "./index6.js";
10
- import { statusToneClassName as f } from "./index9.js";
11
- import { useEffect as p, useRef as m } from "react";
12
- import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
13
- import { Building2 as v, Plus as y, UsersIcon as b } from "lucide-react";
1
+ import { Badge as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { PenLine as r } from "lucide-react";
14
4
  //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index16.js
15
- var x = [
16
- 5,
17
- 10,
18
- 25
19
- ], S = 4;
20
- function C() {
21
- return /* @__PURE__ */ g(h, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ _(c, { children: [
22
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ _("div", {
23
- className: "ttw:flex ttw:items-center ttw:gap-2",
24
- children: [/* @__PURE__ */ g(n, { className: "ttw:size-8 ttw:rounded-full" }), /* @__PURE__ */ _("div", {
25
- className: "ttw:flex-1 ttw:space-y-2",
26
- children: [/* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-32" }), /* @__PURE__ */ g(n, { className: "ttw:h-3 ttw:w-44" })]
27
- })]
28
- }) }),
29
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-20" }) }),
30
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-24" }) }),
31
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(n, { className: "ttw:h-4 ttw:w-16" }) })
32
- ] }, t)) });
33
- }
34
- function w({ title: e, description: t }) {
35
- return /* @__PURE__ */ g(c, {
36
- className: "ttw:hover:bg-transparent",
37
- children: /* @__PURE__ */ g(a, {
38
- colSpan: S,
39
- className: "ttw:p-0",
40
- children: /* @__PURE__ */ _("div", {
41
- className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
42
- children: [
43
- /* @__PURE__ */ g("div", {
44
- className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted",
45
- children: /* @__PURE__ */ g(b, { className: "ttw:size-6 ttw:text-muted-foreground" })
46
- }),
47
- /* @__PURE__ */ g("h3", {
48
- className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
49
- children: e
50
- }),
51
- /* @__PURE__ */ g("p", {
52
- className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
53
- children: t
54
- })
55
- ]
56
- })
57
- })
58
- });
59
- }
60
- function T({ rows: n, isLoading: b = !1, isError: S = !1, showPagination: T = !1, isPreviousPageDisabled: E = !1, isNextPageDisabled: D = !1, pageSize: O = 10, pageSizeOptions: k = x, rangeLabel: A = "", onPageSizeChange: j, autoFocusRowKey: M, onPreviousPageClick: N, onNextPageClick: P, onInviteClick: F, labels: I }) {
61
- let L = {
62
- ...d,
63
- ...I
64
- }, R = m(null);
65
- return p(() => {
66
- if (!M) return;
67
- let e = R.current;
68
- e && (e.querySelector(`button[data-row-key="${CSS.escape(M)}"]`) ?? e).focus();
69
- }, [M]), /* @__PURE__ */ _("section", {
70
- ref: R,
71
- tabIndex: -1,
72
- "aria-label": L.title,
73
- "aria-busy": b || void 0,
74
- className: "ttw:overflow-hidden ttw:rounded-md",
75
- children: [
76
- b && /* @__PURE__ */ g("span", {
77
- role: "status",
78
- className: "ttw:sr-only",
79
- children: L.loadingLabel
80
- }),
81
- F && /* @__PURE__ */ g("div", {
82
- className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3",
83
- children: /* @__PURE__ */ _(t, {
84
- size: "sm",
85
- disabled: b,
86
- onClick: F,
87
- children: [/* @__PURE__ */ g(y, {
88
- "aria-hidden": !0,
89
- className: "ttw:size-4"
90
- }), L.inviteButton]
91
- })
92
- }),
93
- /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(c, {
94
- className: "ttw:hover:bg-transparent",
95
- children: [
96
- /* @__PURE__ */ g(o, { children: L.nameColumn }),
97
- /* @__PURE__ */ g(o, { children: L.roleColumn }),
98
- /* @__PURE__ */ g(o, { children: L.departmentColumn }),
99
- /* @__PURE__ */ g(o, { children: L.statusColumn })
100
- ]
101
- }) }), /* @__PURE__ */ g(i, { children: S ? /* @__PURE__ */ g(w, {
102
- title: L.errorTitle,
103
- description: L.errorDescription
104
- }) : b ? /* @__PURE__ */ g(C, {}) : n.length === 0 ? /* @__PURE__ */ g(w, {
105
- title: L.emptyTitle,
106
- description: L.emptyDescription
107
- }) : n.map((t) => {
108
- let n = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
109
- "aria-hidden": !0,
110
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${l(t.email)}`,
111
- children: t.initials
112
- }), /* @__PURE__ */ _("div", {
113
- className: "ttw:min-w-0 ttw:flex-1",
114
- children: [/* @__PURE__ */ g("div", {
115
- className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
116
- children: t.name
117
- }), /* @__PURE__ */ g("div", {
118
- className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
119
- children: t.email
120
- })]
121
- })] });
122
- return /* @__PURE__ */ _(c, {
123
- "data-testid": `team-member-row-${t.key}`,
124
- className: t.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
125
- onClick: t.isInactive ? void 0 : () => t.onSelect(),
126
- children: [
127
- /* @__PURE__ */ g(a, { children: t.isInactive ? /* @__PURE__ */ g("div", {
128
- className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2",
129
- children: n
130
- }) : /* @__PURE__ */ g("button", {
131
- type: "button",
132
- "data-row-key": t.key,
133
- onClick: (e) => {
134
- e.stopPropagation(), t.onSelect();
135
- },
136
- className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2",
137
- children: n
138
- }) }),
139
- /* @__PURE__ */ g(a, { children: t.isInactive ? /* @__PURE__ */ g("span", {
140
- className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
141
- children: L.inactiveRolePlaceholder
142
- }) : /* @__PURE__ */ g(e, {
143
- variant: "outline",
144
- className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
145
- children: t.roleLabel
146
- }) }),
147
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ _("div", {
148
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]",
149
- children: [/* @__PURE__ */ g(v, {
150
- "aria-hidden": !0,
151
- className: "ttw:size-4 ttw:shrink-0 ttw:text-[#98A2B3]"
152
- }), /* @__PURE__ */ g("span", { children: t.departmentLabel })]
153
- }) }),
154
- /* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(e, {
155
- className: f(t.statusTone),
156
- children: t.statusLabel
157
- }) })
158
- ]
159
- }, t.key);
160
- }) })] }),
161
- T && /* @__PURE__ */ g(u, {
162
- pageSize: O,
163
- pageSizeOptions: k,
164
- rangeLabel: A,
165
- isPreviousDisabled: E,
166
- isNextDisabled: D,
167
- isDisabled: b,
168
- onPageSizeChange: j ?? (() => void 0),
169
- onPreviousPageClick: N,
170
- onNextPageClick: P,
171
- labels: L
172
- })
173
- ]
5
+ function i({ label: i }) {
6
+ return /* @__PURE__ */ n(e, {
7
+ className: "ttw:shrink-0 ttw:gap-1 ttw:rounded-full ttw:border-transparent ttw:bg-[#EEF4FF] ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-[#3538CD]",
8
+ children: [/* @__PURE__ */ t(r, {
9
+ "aria-hidden": !0,
10
+ className: "ttw:size-3"
11
+ }), i]
174
12
  });
175
13
  }
176
14
  //#endregion
177
- export { T as TeamMembersTable, T as default };
15
+ export { i as AuthorizedSignerBadge };
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js CHANGED
@@ -2,286 +2,180 @@
2
2
  "use client";
3
3
  "use client";
4
4
  "use client";
5
- import { Badge as e, Button as t, Separator as n, Spinner as r, Table as i, TableBody as a, TableCell as o, TableHead as s, TableHeader as c, TableRow as l } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
- import { avatarSwatchFor as u } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
5
+ import { Badge as e, Button as t, Skeleton as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
+ import { avatarSwatchFor as l } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
7
+ import { PaginationFooter as u } from "../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
7
8
  import "../../../../shared/ui/dist/index.js";
8
- import { AccountAccessSummaryTable as d } from "./index3.js";
9
- import { DEFAULT_LABELS as f } from "./index6.js";
10
- import { statusToneClassName as p } from "./index9.js";
9
+ import { DEFAULT_LABELS as d } from "./index6.js";
10
+ import { statusToneClassName as f } from "./index9.js";
11
+ import { AuthorizedSignerBadge as p } from "./index16.js";
11
12
  import { useEffect as m, useRef as h } from "react";
12
13
  import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
13
- import { ArrowLeftIcon as y, Building2 as b, CornerDownRightIcon as x, MailIcon as S, PencilIcon as C, UserXIcon as w } from "lucide-react";
14
+ import { Building2 as y, Plus as b, UsersIcon as x } from "lucide-react";
14
15
  //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index17.js
15
- function T({ label: e, value: t }) {
16
- return /* @__PURE__ */ v("div", {
17
- className: "ttw:flex ttw:flex-col ttw:gap-1",
18
- children: [/* @__PURE__ */ _("dt", {
19
- className: "ttw:text-sm ttw:text-muted-foreground",
20
- children: e
21
- }), /* @__PURE__ */ _("dd", {
22
- className: "ttw:text-base ttw:text-foreground",
23
- children: t
24
- })]
16
+ var S = [
17
+ 5,
18
+ 10,
19
+ 25
20
+ ], C = 4;
21
+ function w() {
22
+ return /* @__PURE__ */ _(g, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ v(c, { children: [
23
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ v("div", {
24
+ className: "ttw:flex ttw:items-center ttw:gap-2",
25
+ children: [/* @__PURE__ */ _(n, { className: "ttw:size-8 ttw:rounded-full" }), /* @__PURE__ */ v("div", {
26
+ className: "ttw:flex-1 ttw:space-y-2",
27
+ children: [/* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-32" }), /* @__PURE__ */ _(n, { className: "ttw:h-3 ttw:w-44" })]
28
+ })]
29
+ }) }),
30
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-20" }) }),
31
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-24" }) }),
32
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(n, { className: "ttw:h-4 ttw:w-16" }) })
33
+ ] }, t)) });
34
+ }
35
+ function T({ title: e, description: t }) {
36
+ return /* @__PURE__ */ _(c, {
37
+ className: "ttw:hover:bg-transparent",
38
+ children: /* @__PURE__ */ _(a, {
39
+ colSpan: C,
40
+ className: "ttw:p-0",
41
+ children: /* @__PURE__ */ v("div", {
42
+ className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
43
+ children: [
44
+ /* @__PURE__ */ _("div", {
45
+ className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted",
46
+ children: /* @__PURE__ */ _(x, { className: "ttw:size-6 ttw:text-muted-foreground" })
47
+ }),
48
+ /* @__PURE__ */ _("h3", {
49
+ className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
50
+ children: e
51
+ }),
52
+ /* @__PURE__ */ _("p", {
53
+ className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
54
+ children: t
55
+ })
56
+ ]
57
+ })
58
+ })
25
59
  });
26
60
  }
27
- function E({ name: E, email: D, initials: O, avatarSeed: k, roleCardTitle: A, roleCardDescription: j, roleCardIcon: M, isRoleLoading: N = !1, statusLabel: P, statusTone: F, lastSignInLabel: I, departmentLabel: L, locationLabel: R, reportingManagerName: z, reportingManagerInitials: B, reportingManagerSeed: V, directReports: H = [], accountAccessLabel: U, accountAccessRows: W = [], isAccountAccessLoading: G = !1, onBackClick: K, onEditClick: q, onResendClick: J, onDeactivateClick: Y, labels: X }) {
28
- let Z = {
29
- ...f,
30
- ...X
31
- }, Q = h(null);
61
+ function E({ rows: n, isLoading: x = !1, isError: C = !1, showPagination: E = !1, isPreviousPageDisabled: D = !1, isNextPageDisabled: O = !1, pageSize: k = 10, pageSizeOptions: A = S, rangeLabel: j = "", onPageSizeChange: M, autoFocusRowKey: N, onPreviousPageClick: P, onNextPageClick: F, onInviteClick: I, labels: L }) {
62
+ let R = {
63
+ ...d,
64
+ ...L
65
+ }, z = h(null);
32
66
  return m(() => {
33
- Q.current?.focus();
34
- }, []), /* @__PURE__ */ v("section", {
35
- "aria-label": E,
36
- className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
67
+ if (!N) return;
68
+ let e = z.current;
69
+ e && (e.querySelector(`button[data-row-key="${CSS.escape(N)}"]`) ?? e).focus();
70
+ }, [N]), /* @__PURE__ */ v("section", {
71
+ ref: z,
72
+ tabIndex: -1,
73
+ "aria-label": R.title,
74
+ "aria-busy": x || void 0,
75
+ className: "ttw:overflow-hidden ttw:rounded-md",
37
76
  children: [
38
- /* @__PURE__ */ v("div", {
39
- className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
40
- children: [/* @__PURE__ */ v(t, {
41
- ref: Q,
42
- variant: "ghost",
77
+ x && /* @__PURE__ */ _("span", {
78
+ role: "status",
79
+ className: "ttw:sr-only",
80
+ children: R.loadingLabel
81
+ }),
82
+ I && /* @__PURE__ */ _("div", {
83
+ className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3",
84
+ children: /* @__PURE__ */ v(t, {
43
85
  size: "sm",
44
- onClick: K,
45
- children: [/* @__PURE__ */ _(y, { className: "ttw:size-4" }), Z.detailsBackButton]
46
- }), (q || J || Y) && /* @__PURE__ */ v("div", {
47
- className: "ttw:flex ttw:items-center ttw:gap-2",
48
- children: [
49
- J && /* @__PURE__ */ v(t, {
50
- variant: "outline",
51
- size: "sm",
52
- onClick: J,
53
- children: [/* @__PURE__ */ _(S, {
54
- "aria-hidden": !0,
55
- className: "ttw:size-4"
56
- }), Z.detailsResendButton]
57
- }),
58
- q && /* @__PURE__ */ v(t, {
59
- variant: "outline",
60
- size: "sm",
61
- onClick: q,
62
- children: [/* @__PURE__ */ _(C, {
63
- "aria-hidden": !0,
64
- className: "ttw:size-4"
65
- }), Z.detailsEditButton]
66
- }),
67
- Y && /* @__PURE__ */ v(t, {
68
- variant: "outline",
69
- size: "sm",
70
- className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
71
- onClick: Y,
72
- children: [/* @__PURE__ */ _(w, {
73
- "aria-hidden": !0,
74
- className: "ttw:size-4"
75
- }), Z.detailsDeactivateButton]
76
- })
77
- ]
78
- })]
86
+ disabled: x,
87
+ onClick: I,
88
+ children: [/* @__PURE__ */ _(b, {
89
+ "aria-hidden": !0,
90
+ className: "ttw:size-4"
91
+ }), R.inviteButton]
92
+ })
79
93
  }),
80
- /* @__PURE__ */ v("div", {
81
- className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3",
82
- children: [/* @__PURE__ */ _("span", {
94
+ /* @__PURE__ */ v(r, { children: [/* @__PURE__ */ _(s, { children: /* @__PURE__ */ v(c, {
95
+ className: "ttw:hover:bg-transparent",
96
+ children: [
97
+ /* @__PURE__ */ _(o, { children: R.nameColumn }),
98
+ /* @__PURE__ */ _(o, { children: R.roleColumn }),
99
+ /* @__PURE__ */ _(o, { children: R.departmentColumn }),
100
+ /* @__PURE__ */ _(o, { children: R.statusColumn })
101
+ ]
102
+ }) }), /* @__PURE__ */ _(i, { children: C ? /* @__PURE__ */ _(T, {
103
+ title: R.errorTitle,
104
+ description: R.errorDescription
105
+ }) : x ? /* @__PURE__ */ _(w, {}) : n.length === 0 ? /* @__PURE__ */ _(T, {
106
+ title: R.emptyTitle,
107
+ description: R.emptyDescription
108
+ }) : n.map((t) => {
109
+ let n = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
83
110
  "aria-hidden": !0,
84
- className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${u(k || D || E)}`,
85
- children: O
111
+ className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${l(t.email)}`,
112
+ children: t.initials
86
113
  }), /* @__PURE__ */ v("div", {
87
- className: "ttw:min-w-0",
114
+ className: "ttw:min-w-0 ttw:flex-1",
88
115
  children: [/* @__PURE__ */ v("div", {
89
- className: "ttw:flex ttw:items-center ttw:gap-2",
90
- children: [/* @__PURE__ */ _("h3", {
91
- className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
92
- children: E
93
- }), /* @__PURE__ */ _(e, {
94
- variant: "outline",
95
- className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
96
- children: A
97
- })]
98
- }), /* @__PURE__ */ v("div", {
99
- className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground",
100
- children: [/* @__PURE__ */ _(e, {
101
- className: p(F),
102
- children: P
103
- }), I ? /* @__PURE__ */ v(g, { children: [
104
- /* @__PURE__ */ _("span", {
105
- "aria-hidden": !0,
106
- children: "|"
107
- }),
108
- /* @__PURE__ */ _("span", { children: Z.detailsLastSignInLabel }),
109
- /* @__PURE__ */ _("span", { children: I })
110
- ] }) : null]
116
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-2 ttw:gap-y-1",
117
+ children: [/* @__PURE__ */ _("span", {
118
+ className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
119
+ children: t.name
120
+ }), t.showAuthorizedSignerBadge && /* @__PURE__ */ _(p, { label: R.authorizedSignerBadge })]
121
+ }), /* @__PURE__ */ _("div", {
122
+ className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
123
+ children: t.email
111
124
  })]
112
- })]
113
- }),
114
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
115
- /* @__PURE__ */ v("div", {
116
- className: "ttw:mb-4",
117
- children: [/* @__PURE__ */ _("h4", {
118
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
119
- children: Z.detailsMemberDetailsHeading
120
- }), /* @__PURE__ */ v("dl", {
121
- className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2",
122
- children: [
123
- /* @__PURE__ */ _(T, {
124
- label: Z.detailsNameLabel,
125
- value: E
126
- }),
127
- /* @__PURE__ */ _(T, {
128
- label: Z.detailsDepartmentLabel,
129
- value: L
130
- }),
131
- /* @__PURE__ */ _(T, {
132
- label: Z.detailsEmailLabel,
133
- value: D
134
- }),
135
- /* @__PURE__ */ _(T, {
136
- label: Z.detailsLocationLabel,
137
- value: R
138
- })
139
- ]
140
- })]
141
- }),
142
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
143
- /* @__PURE__ */ v("div", {
144
- className: "ttw:mb-4",
145
- children: [/* @__PURE__ */ _("h4", {
146
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
147
- children: Z.detailsReportingManagerLabel
148
- }), z ? /* @__PURE__ */ v("div", {
149
- className: "ttw:flex ttw:items-center ttw:gap-2",
125
+ })] });
126
+ return /* @__PURE__ */ v(c, {
127
+ "data-testid": `team-member-row-${t.key}`,
128
+ className: t.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
129
+ onClick: t.isInactive ? void 0 : () => t.onSelect(),
150
130
  children: [
151
- /* @__PURE__ */ _(x, {
152
- "aria-hidden": !0,
153
- className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
154
- }),
155
- /* @__PURE__ */ _("span", {
156
- "aria-hidden": !0,
157
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(V || z)}`,
158
- children: B
159
- }),
160
- /* @__PURE__ */ _("span", {
161
- className: "ttw:text-sm ttw:text-foreground",
162
- children: z
163
- })
164
- ]
165
- }) : /* @__PURE__ */ _("p", {
166
- className: "ttw:text-sm ttw:text-muted-foreground",
167
- children: Z.detailsReportingManagerNone
168
- })]
169
- }),
170
- H.length > 0 ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(n, { className: "ttw:my-4" }), /* @__PURE__ */ v("div", {
171
- className: "ttw:mb-4",
172
- children: [/* @__PURE__ */ _("h4", {
173
- className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
174
- children: Z.detailsApprovesExpensesHeading
175
- }), /* @__PURE__ */ _("div", {
176
- className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
177
- children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
178
- className: "ttw:bg-muted/50 ttw:hover:bg-muted/50",
179
- children: [
180
- /* @__PURE__ */ _(s, { children: Z.nameColumn }),
181
- /* @__PURE__ */ _(s, { children: Z.roleColumn }),
182
- /* @__PURE__ */ _(s, { children: Z.departmentColumn }),
183
- /* @__PURE__ */ _(s, { children: Z.statusColumn })
184
- ]
185
- }) }), /* @__PURE__ */ _(a, { children: H.map((t) => /* @__PURE__ */ v(l, { children: [
186
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
187
- className: "ttw:flex ttw:items-center ttw:gap-3",
188
- children: [/* @__PURE__ */ _("span", {
189
- "aria-hidden": !0,
190
- className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(t.email)}`,
191
- children: t.initials
192
- }), /* @__PURE__ */ _("span", {
193
- className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground",
194
- children: t.name
195
- })]
131
+ /* @__PURE__ */ _(a, { children: t.isInactive ? /* @__PURE__ */ _("div", {
132
+ className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2",
133
+ children: n
134
+ }) : /* @__PURE__ */ _("button", {
135
+ type: "button",
136
+ "data-row-key": t.key,
137
+ onClick: (e) => {
138
+ e.stopPropagation(), t.onSelect();
139
+ },
140
+ className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2",
141
+ children: n
196
142
  }) }),
197
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
143
+ /* @__PURE__ */ _(a, { children: t.isInactive ? /* @__PURE__ */ _("span", {
144
+ className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
145
+ children: R.inactiveRolePlaceholder
146
+ }) : /* @__PURE__ */ _(e, {
198
147
  variant: "outline",
199
148
  className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
200
149
  children: t.roleLabel
201
150
  }) }),
202
- /* @__PURE__ */ _(o, {
203
- className: "ttw:text-muted-foreground",
204
- children: /* @__PURE__ */ v("span", {
205
- className: "ttw:flex ttw:items-center ttw:gap-2",
206
- children: [/* @__PURE__ */ _(b, {
207
- "aria-hidden": !0,
208
- className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
209
- }), t.departmentLabel]
210
- })
211
- }),
212
- /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
213
- className: p(t.statusTone),
151
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ v("div", {
152
+ className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]",
153
+ children: [/* @__PURE__ */ _(y, {
154
+ "aria-hidden": !0,
155
+ className: "ttw:size-4 ttw:shrink-0 ttw:text-[#98A2B3]"
156
+ }), /* @__PURE__ */ _("span", { children: t.departmentLabel })]
157
+ }) }),
158
+ /* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(e, {
159
+ className: f(t.statusTone),
214
160
  children: t.statusLabel
215
161
  }) })
216
- ] }, t.key)) })] })
217
- })]
218
- })] }) : null,
219
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
220
- /* @__PURE__ */ v("div", {
221
- className: "ttw:mb-4",
222
- children: [
223
- /* @__PURE__ */ _("h4", {
224
- className: "ttw:mb-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
225
- children: Z.rolesSectionHeading
226
- }),
227
- /* @__PURE__ */ _("p", {
228
- className: "ttw:mb-4 ttw:text-sm ttw:text-muted-foreground",
229
- children: Z.rolesSectionDescription
230
- }),
231
- N ? /* @__PURE__ */ v("div", {
232
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
233
- children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
234
- className: "ttw:text-sm ttw:text-muted-foreground",
235
- children: Z.roleLoadingLabel
236
- })]
237
- }) : /* @__PURE__ */ _("div", {
238
- className: "ttw:flex ttw:w-full ttw:flex-col ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4",
239
- children: /* @__PURE__ */ v("span", {
240
- className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-3",
241
- children: [/* @__PURE__ */ _(M, {
242
- className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground",
243
- "aria-hidden": !0
244
- }), /* @__PURE__ */ v("span", {
245
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
246
- children: [/* @__PURE__ */ _("span", {
247
- className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
248
- children: A
249
- }), j ? /* @__PURE__ */ _("span", {
250
- className: "ttw:text-sm ttw:leading-normal ttw:text-muted-foreground",
251
- children: j
252
- }) : null]
253
- })]
254
- })
255
- })
256
- ]
257
- }),
258
- /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
259
- /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
260
- className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
261
- children: /* @__PURE__ */ _("h4", {
262
- className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
263
- children: Z.detailsAccountAccessLabel
264
- })
265
- }), G ? /* @__PURE__ */ v("div", {
266
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
267
- children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
268
- className: "ttw:text-sm ttw:text-muted-foreground",
269
- children: Z.roleLoadingLabel
270
- })]
271
- }) : W.length > 0 ? /* @__PURE__ */ _(d, {
272
- rows: W,
273
- labels: {
274
- accountNameColumn: Z.accountAccessNameColumn,
275
- accountNumberColumn: Z.accountAccessNumberColumn,
276
- accountTypeColumn: Z.accountAccessTypeColumn,
277
- sourceColumn: Z.accountAccessSourceColumn
278
- }
279
- }) : /* @__PURE__ */ _("p", {
280
- className: "ttw:text-sm ttw:text-muted-foreground",
281
- children: U
282
- })] })
162
+ ]
163
+ }, t.key);
164
+ }) })] }),
165
+ E && /* @__PURE__ */ _(u, {
166
+ pageSize: k,
167
+ pageSizeOptions: A,
168
+ rangeLabel: j,
169
+ isPreviousDisabled: D,
170
+ isNextDisabled: O,
171
+ isDisabled: x,
172
+ onPageSizeChange: M ?? (() => void 0),
173
+ onPreviousPageClick: P,
174
+ onNextPageClick: F,
175
+ labels: R
176
+ })
283
177
  ]
284
178
  });
285
179
  }
286
180
  //#endregion
287
- export { E as TeamMemberDetails, E as default };
181
+ export { E as TeamMembersTable, E as default };
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index18.js CHANGED
@@ -2,22 +2,291 @@
2
2
  "use client";
3
3
  "use client";
4
4
  "use client";
5
- import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
5
+ import { Badge as e, Button as t, Separator as n, Spinner as r, Table as i, TableBody as a, TableCell as o, TableHead as s, TableHeader as c, TableRow as l } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
+ import { avatarSwatchFor as u } from "../../../../shared/ui/dist/lib/avatarSwatch.js";
7
+ import "../../../../shared/ui/dist/index.js";
8
+ import { AccountAccessSummaryTable as d } from "./index3.js";
9
+ import { DEFAULT_LABELS as ee } from "./index6.js";
10
+ import { statusToneClassName as f } from "./index9.js";
11
+ import { AuthorizedSignerBadge as p } from "./index16.js";
12
+ import { useEffect as m, useRef as h } from "react";
13
+ import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
14
+ import { ArrowLeftIcon as y, Building2 as b, CornerDownRightIcon as x, MailIcon as S, PencilIcon as C, UserXIcon as w } from "lucide-react";
7
15
  //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index18.js
8
- function o({ tabs: o, activeTabId: s, onTabChange: c, children: l }) {
9
- return /* @__PURE__ */ a(e, {
10
- value: s,
11
- onValueChange: c,
12
- className: "ttw:w-full ttw:space-y-5",
13
- children: [/* @__PURE__ */ i(n, { children: o.map((e) => /* @__PURE__ */ i(r, {
14
- value: e.id,
15
- children: e.label
16
- }, e.id)) }), /* @__PURE__ */ i(t, {
17
- value: s,
18
- children: l
16
+ function T({ label: e, value: t }) {
17
+ return /* @__PURE__ */ v("div", {
18
+ className: "ttw:flex ttw:flex-col ttw:gap-1",
19
+ children: [/* @__PURE__ */ _("dt", {
20
+ className: "ttw:text-sm ttw:text-muted-foreground",
21
+ children: e
22
+ }), /* @__PURE__ */ _("dd", {
23
+ className: "ttw:text-base ttw:text-foreground",
24
+ children: t
19
25
  })]
20
26
  });
21
27
  }
28
+ function E({ name: E, email: D, initials: O, avatarSeed: k, roleCardTitle: A, roleCardDescription: j, roleCardIcon: M, isRoleLoading: N = !1, showAuthorizedSignerBadge: P = !1, statusLabel: F, statusTone: I, lastSignInLabel: L, departmentLabel: R, locationLabel: z, reportingManagerName: B, reportingManagerInitials: V, reportingManagerSeed: H, directReports: U = [], accountAccessLabel: W, accountAccessRows: G = [], isAccountAccessLoading: K = !1, onBackClick: q, onEditClick: J, onResendClick: Y, onDeactivateClick: X, labels: Z }) {
29
+ let Q = {
30
+ ...ee,
31
+ ...Z
32
+ }, $ = h(null);
33
+ return m(() => {
34
+ $.current?.focus();
35
+ }, []), /* @__PURE__ */ v("section", {
36
+ "aria-label": E,
37
+ className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
38
+ children: [
39
+ /* @__PURE__ */ v("div", {
40
+ className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
41
+ children: [/* @__PURE__ */ v(t, {
42
+ ref: $,
43
+ variant: "ghost",
44
+ size: "sm",
45
+ onClick: q,
46
+ children: [/* @__PURE__ */ _(y, { className: "ttw:size-4" }), Q.detailsBackButton]
47
+ }), (J || Y || X) && /* @__PURE__ */ v("div", {
48
+ className: "ttw:flex ttw:items-center ttw:gap-2",
49
+ children: [
50
+ Y && /* @__PURE__ */ v(t, {
51
+ variant: "outline",
52
+ size: "sm",
53
+ onClick: Y,
54
+ children: [/* @__PURE__ */ _(S, {
55
+ "aria-hidden": !0,
56
+ className: "ttw:size-4"
57
+ }), Q.detailsResendButton]
58
+ }),
59
+ J && /* @__PURE__ */ v(t, {
60
+ variant: "outline",
61
+ size: "sm",
62
+ onClick: J,
63
+ children: [/* @__PURE__ */ _(C, {
64
+ "aria-hidden": !0,
65
+ className: "ttw:size-4"
66
+ }), Q.detailsEditButton]
67
+ }),
68
+ X && /* @__PURE__ */ v(t, {
69
+ variant: "outline",
70
+ size: "sm",
71
+ className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
72
+ onClick: X,
73
+ children: [/* @__PURE__ */ _(w, {
74
+ "aria-hidden": !0,
75
+ className: "ttw:size-4"
76
+ }), Q.detailsDeactivateButton]
77
+ })
78
+ ]
79
+ })]
80
+ }),
81
+ /* @__PURE__ */ v("div", {
82
+ className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3",
83
+ children: [/* @__PURE__ */ _("span", {
84
+ "aria-hidden": !0,
85
+ className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${u(k || D || E)}`,
86
+ children: O
87
+ }), /* @__PURE__ */ v("div", {
88
+ className: "ttw:min-w-0",
89
+ children: [/* @__PURE__ */ v("div", {
90
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-2 ttw:gap-y-1",
91
+ children: [
92
+ /* @__PURE__ */ _("h3", {
93
+ className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
94
+ children: E
95
+ }),
96
+ /* @__PURE__ */ _(e, {
97
+ variant: "outline",
98
+ className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
99
+ children: A
100
+ }),
101
+ P && /* @__PURE__ */ _(p, { label: Q.authorizedSignerBadge })
102
+ ]
103
+ }), /* @__PURE__ */ v("div", {
104
+ className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground",
105
+ children: [/* @__PURE__ */ _(e, {
106
+ className: f(I),
107
+ children: F
108
+ }), L ? /* @__PURE__ */ v(g, { children: [
109
+ /* @__PURE__ */ _("span", {
110
+ "aria-hidden": !0,
111
+ children: "|"
112
+ }),
113
+ /* @__PURE__ */ _("span", { children: Q.detailsLastSignInLabel }),
114
+ /* @__PURE__ */ _("span", { children: L })
115
+ ] }) : null]
116
+ })]
117
+ })]
118
+ }),
119
+ /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
120
+ /* @__PURE__ */ v("div", {
121
+ className: "ttw:mb-4",
122
+ children: [/* @__PURE__ */ _("h4", {
123
+ className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
124
+ children: Q.detailsMemberDetailsHeading
125
+ }), /* @__PURE__ */ v("dl", {
126
+ className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2",
127
+ children: [
128
+ /* @__PURE__ */ _(T, {
129
+ label: Q.detailsNameLabel,
130
+ value: E
131
+ }),
132
+ /* @__PURE__ */ _(T, {
133
+ label: Q.detailsDepartmentLabel,
134
+ value: R
135
+ }),
136
+ /* @__PURE__ */ _(T, {
137
+ label: Q.detailsEmailLabel,
138
+ value: D
139
+ }),
140
+ /* @__PURE__ */ _(T, {
141
+ label: Q.detailsLocationLabel,
142
+ value: z
143
+ })
144
+ ]
145
+ })]
146
+ }),
147
+ /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
148
+ /* @__PURE__ */ v("div", {
149
+ className: "ttw:mb-4",
150
+ children: [/* @__PURE__ */ _("h4", {
151
+ className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
152
+ children: Q.detailsReportingManagerLabel
153
+ }), B ? /* @__PURE__ */ v("div", {
154
+ className: "ttw:flex ttw:items-center ttw:gap-2",
155
+ children: [
156
+ /* @__PURE__ */ _(x, {
157
+ "aria-hidden": !0,
158
+ className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
159
+ }),
160
+ /* @__PURE__ */ _("span", {
161
+ "aria-hidden": !0,
162
+ className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(H || B)}`,
163
+ children: V
164
+ }),
165
+ /* @__PURE__ */ _("span", {
166
+ className: "ttw:text-sm ttw:text-foreground",
167
+ children: B
168
+ })
169
+ ]
170
+ }) : /* @__PURE__ */ _("p", {
171
+ className: "ttw:text-sm ttw:text-muted-foreground",
172
+ children: Q.detailsReportingManagerNone
173
+ })]
174
+ }),
175
+ U.length > 0 ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(n, { className: "ttw:my-4" }), /* @__PURE__ */ v("div", {
176
+ className: "ttw:mb-4",
177
+ children: [/* @__PURE__ */ _("h4", {
178
+ className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground",
179
+ children: Q.detailsApprovesExpensesHeading
180
+ }), /* @__PURE__ */ _("div", {
181
+ className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
182
+ children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(l, {
183
+ className: "ttw:bg-muted/50 ttw:hover:bg-muted/50",
184
+ children: [
185
+ /* @__PURE__ */ _(s, { children: Q.nameColumn }),
186
+ /* @__PURE__ */ _(s, { children: Q.roleColumn }),
187
+ /* @__PURE__ */ _(s, { children: Q.departmentColumn }),
188
+ /* @__PURE__ */ _(s, { children: Q.statusColumn })
189
+ ]
190
+ }) }), /* @__PURE__ */ _(a, { children: U.map((t) => /* @__PURE__ */ v(l, { children: [
191
+ /* @__PURE__ */ _(o, { children: /* @__PURE__ */ v("div", {
192
+ className: "ttw:flex ttw:items-center ttw:gap-3",
193
+ children: [/* @__PURE__ */ _("span", {
194
+ "aria-hidden": !0,
195
+ className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${u(t.email)}`,
196
+ children: t.initials
197
+ }), /* @__PURE__ */ _("span", {
198
+ className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground",
199
+ children: t.name
200
+ })]
201
+ }) }),
202
+ /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
203
+ variant: "outline",
204
+ className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
205
+ children: t.roleLabel
206
+ }) }),
207
+ /* @__PURE__ */ _(o, {
208
+ className: "ttw:text-muted-foreground",
209
+ children: /* @__PURE__ */ v("span", {
210
+ className: "ttw:flex ttw:items-center ttw:gap-2",
211
+ children: [/* @__PURE__ */ _(b, {
212
+ "aria-hidden": !0,
213
+ className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
214
+ }), t.departmentLabel]
215
+ })
216
+ }),
217
+ /* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(e, {
218
+ className: f(t.statusTone),
219
+ children: t.statusLabel
220
+ }) })
221
+ ] }, t.key)) })] })
222
+ })]
223
+ })] }) : null,
224
+ /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
225
+ /* @__PURE__ */ v("div", {
226
+ className: "ttw:mb-4",
227
+ children: [
228
+ /* @__PURE__ */ _("h4", {
229
+ className: "ttw:mb-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
230
+ children: Q.rolesSectionHeading
231
+ }),
232
+ /* @__PURE__ */ _("p", {
233
+ className: "ttw:mb-4 ttw:text-sm ttw:text-muted-foreground",
234
+ children: Q.rolesSectionDescription
235
+ }),
236
+ N ? /* @__PURE__ */ v("div", {
237
+ className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
238
+ children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
239
+ className: "ttw:text-sm ttw:text-muted-foreground",
240
+ children: Q.roleLoadingLabel
241
+ })]
242
+ }) : /* @__PURE__ */ _("div", {
243
+ className: "ttw:flex ttw:w-full ttw:flex-col ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4",
244
+ children: /* @__PURE__ */ v("span", {
245
+ className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-3",
246
+ children: [/* @__PURE__ */ _(M, {
247
+ className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground",
248
+ "aria-hidden": !0
249
+ }), /* @__PURE__ */ v("span", {
250
+ className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
251
+ children: [/* @__PURE__ */ _("span", {
252
+ className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
253
+ children: A
254
+ }), j ? /* @__PURE__ */ _("span", {
255
+ className: "ttw:text-sm ttw:leading-normal ttw:text-muted-foreground",
256
+ children: j
257
+ }) : null]
258
+ })]
259
+ })
260
+ })
261
+ ]
262
+ }),
263
+ /* @__PURE__ */ _(n, { className: "ttw:my-4" }),
264
+ /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
265
+ className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
266
+ children: /* @__PURE__ */ _("h4", {
267
+ className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
268
+ children: Q.detailsAccountAccessLabel
269
+ })
270
+ }), K ? /* @__PURE__ */ v("div", {
271
+ className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
272
+ children: [/* @__PURE__ */ _(r, { className: "ttw:size-4" }), /* @__PURE__ */ _("span", {
273
+ className: "ttw:text-sm ttw:text-muted-foreground",
274
+ children: Q.roleLoadingLabel
275
+ })]
276
+ }) : G.length > 0 ? /* @__PURE__ */ _(d, {
277
+ rows: G,
278
+ labels: {
279
+ accountNameColumn: Q.accountAccessNameColumn,
280
+ accountNumberColumn: Q.accountAccessNumberColumn,
281
+ accountTypeColumn: Q.accountAccessTypeColumn,
282
+ sourceColumn: Q.accountAccessSourceColumn
283
+ }
284
+ }) : /* @__PURE__ */ _("p", {
285
+ className: "ttw:text-sm ttw:text-muted-foreground",
286
+ children: W
287
+ })] })
288
+ ]
289
+ });
290
+ }
22
291
  //#endregion
23
- export { o as TeamTabs, o as default };
292
+ export { E as TeamMemberDetails, E as default };
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index19.js ADDED
@@ -0,0 +1,23 @@
1
+ "use client";
2
+ "use client";
3
+ "use client";
4
+ "use client";
5
+ import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index19.js
8
+ function o({ tabs: o, activeTabId: s, onTabChange: c, children: l }) {
9
+ return /* @__PURE__ */ a(e, {
10
+ value: s,
11
+ onValueChange: c,
12
+ className: "ttw:w-full ttw:space-y-5",
13
+ children: [/* @__PURE__ */ i(n, { children: o.map((e) => /* @__PURE__ */ i(r, {
14
+ value: e.id,
15
+ children: e.label
16
+ }, e.id)) }), /* @__PURE__ */ i(t, {
17
+ value: s,
18
+ children: l
19
+ })]
20
+ });
21
+ }
22
+ //#endregion
23
+ export { o as TeamTabs, o as default };
package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index6.js CHANGED
@@ -21,6 +21,7 @@ var e = {
21
21
  detailsRoleLabel: "Role",
22
22
  detailsStatusLabel: "Status",
23
23
  detailsLastSignInLabel: "Last sign in on",
24
+ authorizedSignerBadge: "Authorized signer",
24
25
  detailsDepartmentLabel: "Department",
25
26
  detailsLocationLabel: "Location",
26
27
  detailsReportingManagerLabel: "Reporting manager",
package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js CHANGED
@@ -1,5 +1,5 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
2
- var e = "@tesouro/embedded-components-react", t = "0.5.282", n = "49d04cc7fe0e9095e29abbc1ea779523b5d8acda", r = Object.freeze({
2
+ var e = "@tesouro/embedded-components-react", t = "0.5.283", n = "9e75a9f4e3a114037b008e73ec793cd3bfc769ff", r = Object.freeze({
3
3
  library_name: e,
4
4
  library_version: t,
5
5
  library_sha: n
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tesouro/embedded-components-react",
3
- "version": "0.5.282",
3
+ "version": "0.5.283",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "packageDepSync": {