@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,133 +1,62 @@
 "use client";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Sheet as x, SheetContent as N, SheetHeader as C, SheetTitle as y, SheetDescription as D, Label as m, Input as E, Select as L, SelectTrigger as F, SelectValue as T, SelectContent as B, SelectItem as j, SheetFooter as A, Button as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as I } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import { DEFAULT_LABELS as O } from "./index14.js";
-function _({
-  open: h,
-  memberName: p,
-  memberEmail: u,
-  form: i,
-  roleOptions: b,
-  errors: l,
-  submitErrorMessage: d,
-  isSubmitting: n = !1,
-  isNameDisabled: v = !1,
-  isRoleDisabled: w = !1,
-  isSaveDisabled: S = !1,
-  onOpenChange: o,
-  onFormChange: s,
-  onSubmit: f,
-  labels: g
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { InfoIcon as h } from "lucide-react";
+import { Table as b, TableHeader as p, TableRow as d, TableHead as o, TableBody as f, TableCell as m, Checkbox as g } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AccountSourceIcon as x } from "./index18.js";
+function C({
+  rows: s,
+  onToggle: i,
+  labels: r,
+  disabled: l = !1,
+  note: n,
+  emptyMessage: c
 }) {
-  const r = { ...O, ...g };
-  return /* @__PURE__ */ e(x, { open: h, onOpenChange: o, children: /* @__PURE__ */ a(N, { children: [
-    /* @__PURE__ */ a(C, { children: [
-      /* @__PURE__ */ e(y, { children: r.editTitle }),
-      /* @__PURE__ */ e(D, { children: r.editDescription })
-    ] }),
-    /* @__PURE__ */ a(
-      "form",
-      {
-        noValidate: !0,
-        className: "ttw:flex ttw:flex-1 ttw:flex-col",
-        onSubmit: (t) => {
-          t.preventDefault(), f();
-        },
-        children: [
-          /* @__PURE__ */ a("div", { className: "ttw:space-y-4 ttw:px-4", children: [
-            /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: p }),
-              /* @__PURE__ */ e("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: u })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(m, { htmlFor: "team-edit-name", children: r.editNameLabel }),
-              /* @__PURE__ */ e(
-                E,
+  return /* @__PURE__ */ a("div", { className: "ttw:space-y-3", children: [
+    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:p-3 ttw:text-sm ttw:text-muted-foreground", children: [
+      /* @__PURE__ */ t(h, { "aria-hidden": !0, className: "ttw:size-4 ttw:shrink-0" }),
+      /* @__PURE__ */ t("span", { children: n })
+    ] }) : null,
+    s.length === 0 ? c ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: c }) : null : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border", children: /* @__PURE__ */ a(b, { children: [
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ a(d, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
+        /* @__PURE__ */ t(o, { children: r.accountNameColumn }),
+        /* @__PURE__ */ t(o, { className: "ttw:w-28 ttw:text-center", children: r.accessColumn })
+      ] }) }),
+      /* @__PURE__ */ t(f, { children: s.map((e) => {
+        const w = `account-access-${e.value}`;
+        return /* @__PURE__ */ a(
+          d,
+          {
+            className: l ? "ttw:hover:bg-transparent" : void 0,
+            children: [
+              /* @__PURE__ */ t(m, { children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+                /* @__PURE__ */ t(x, { source: e.source }),
+                /* @__PURE__ */ a("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-col", children: [
+                  /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-base ttw:font-medium ttw:text-foreground", children: e.name }),
+                  /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: [
+                    e.typeLabel,
+                    " ",
+                    /* @__PURE__ */ t("span", { className: "ttw:font-mono ttw:tracking-[0.125rem]", children: e.maskedNumber })
+                  ] })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ t(m, { className: "ttw:text-center", children: /* @__PURE__ */ t(
+                g,
                 {
-                  id: "team-edit-name",
-                  name: "name",
-                  autoComplete: "name",
-                  value: i.name,
-                  disabled: n || v,
-                  "aria-invalid": l?.name ? !0 : void 0,
-                  "aria-describedby": l?.name ? "team-edit-name-error" : void 0,
-                  onChange: (t) => s({ ...i, name: t.target.value })
+                  id: w,
+                  checked: e.checked,
+                  disabled: l,
+                  "aria-label": `${r.toggleAriaLabel} ${e.name}`,
+                  onCheckedChange: (u) => i(e.value, u === !0)
                 }
-              ),
-              l?.name && /* @__PURE__ */ e(
-                "p",
-                {
-                  id: "team-edit-name-error",
-                  className: "ttw:text-sm ttw:text-destructive",
-                  children: l.name
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(m, { htmlFor: "team-edit-role", children: r.editRoleLabel }),
-              /* @__PURE__ */ a(
-                L,
-                {
-                  value: i.role || void 0,
-                  disabled: n || w,
-                  onValueChange: (t) => s({ ...i, role: t }),
-                  children: [
-                    /* @__PURE__ */ e(
-                      F,
-                      {
-                        id: "team-edit-role",
-                        className: "ttw:w-full",
-                        "aria-invalid": l?.role ? !0 : void 0,
-                        "aria-describedby": l?.role ? "team-edit-role-error" : void 0,
-                        children: /* @__PURE__ */ e(T, { placeholder: r.editRolePlaceholder })
-                      }
-                    ),
-                    /* @__PURE__ */ e(B, { children: b.map((t) => /* @__PURE__ */ e(j, { value: t.value, children: t.label }, t.value)) })
-                  ]
-                }
-              ),
-              l?.role && /* @__PURE__ */ e(
-                "p",
-                {
-                  id: "team-edit-role-error",
-                  className: "ttw:text-sm ttw:text-destructive",
-                  children: l.role
-                }
-              )
-            ] }),
-            d && /* @__PURE__ */ e(I, { children: d })
-          ] }),
-          /* @__PURE__ */ a(A, { className: "ttw:flex-row ttw:justify-end ttw:gap-2", children: [
-            /* @__PURE__ */ e(
-              c,
-              {
-                type: "button",
-                variant: "ghost",
-                disabled: n,
-                onClick: () => o(!1),
-                children: r.editCancelButton
-              }
-            ),
-            /* @__PURE__ */ e(
-              c,
-              {
-                type: "submit",
-                loading: n,
-                disabled: S,
-                children: r.editSaveButton
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
+              ) })
+            ]
+          },
+          e.value
+        );
+      }) })
+    ] }) })
+  ] });
 }
 export {
-  _ as EditTeamMemberPanel
+  C as AccountAccessTable
 };

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

@@ -1,100 +1,28 @@
 "use client";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Sheet as g, SheetContent as v, SheetHeader as x, SheetTitle as y, SheetDescription as C, Label as m, Input as D, Combobox as N, SheetFooter as E, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as A } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import { DEFAULT_GROUP_ADMIN_DRAWER_LABELS as L } from "./index5.js";
-function P({
-  open: c,
-  isEditMode: l,
-  name: d,
-  onNameChange: p,
-  options: h,
-  selectedOptions: u,
-  onSelectedOptionsChange: w,
-  isSaveDisabled: b = !1,
-  submitErrorMessage: s,
-  onOpenChange: i,
-  onSubmit: S,
-  onDelete: o,
-  labels: f
-}) {
-  const t = { ...L, ...f };
-  return /* @__PURE__ */ e(g, { open: c, onOpenChange: i, children: /* @__PURE__ */ a(v, { className: "ttw:gap-0", children: [
-    /* @__PURE__ */ a(x, { children: [
-      /* @__PURE__ */ e(y, { children: l ? t.editTitle : t.createTitle }),
-      /* @__PURE__ */ e(C, { children: t.description })
-    ] }),
-    /* @__PURE__ */ a(
-      "form",
+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 }) {
+  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center", "aria-label": l, role: "group", children: [
+    i.map((t) => /* @__PURE__ */ a(
+      "span",
       {
-        noValidate: !0,
-        className: "ttw:flex ttw:flex-1 ttw:flex-col",
-        onSubmit: (n) => {
-          n.preventDefault(), S();
-        },
-        children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex-1 ttw:space-y-5 ttw:px-4 ttw:py-2", children: [
-            /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(m, { htmlFor: "group-admin-name", children: t.nameLabel }),
-              /* @__PURE__ */ e(
-                D,
-                {
-                  id: "group-admin-name",
-                  value: d,
-                  placeholder: t.namePlaceholder,
-                  onChange: (n) => p(n.target.value)
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(m, { children: t.membersLabel }),
-              /* @__PURE__ */ e(
-                N,
-                {
-                  multiple: !0,
-                  items: h,
-                  value: u,
-                  placeholder: t.membersSearchPlaceholder,
-                  emptyMessage: t.membersEmptyMessage,
-                  onValueChange: w
-                }
-              )
-            ] }),
-            s ? /* @__PURE__ */ e(A, { children: s }) : null
-          ] }),
-          /* @__PURE__ */ a(E, { className: "ttw:flex-row ttw:items-center ttw:justify-between", children: [
-            l && o ? /* @__PURE__ */ e(
-              r,
-              {
-                type: "button",
-                variant: "ghost",
-                className: "ttw:px-0 ttw:text-destructive ttw:hover:bg-transparent ttw:hover:text-destructive",
-                onClick: o,
-                children: t.deleteButton
-              }
-            ) : /* @__PURE__ */ e("span", {}),
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-              /* @__PURE__ */ e(
-                r,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  onClick: () => i(!1),
-                  children: t.cancelButton
-                }
-              ),
-              /* @__PURE__ */ e(r, { type: "submit", disabled: b, children: t.saveButton })
-            ] })
-          ] })
-        ]
+        "aria-hidden": !0,
+        className: `${r} ${n(t.key || t.initials)}`,
+        children: t.initials
+      },
+      t.key
+    )),
+    e ? /* @__PURE__ */ a(
+      "span",
+      {
+        "aria-hidden": !0,
+        className: `${r} ttw:bg-muted ttw:text-muted-foreground`,
+        children: e
       }
-    )
-  ] }) });
+    ) : null
+  ] });
 }
 export {
-  P as GroupAdminDrawer
+  m as AvatarStack
 };

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

@@ -1,16 +1,334 @@
-const e = {
-  createTitle: "Add group",
-  editTitle: "Edit group",
-  description: "Name the group and assign members.",
-  nameLabel: "Name",
-  namePlaceholder: "Enter a name",
-  membersLabel: "Members",
-  membersSearchPlaceholder: "Search members",
-  membersEmptyMessage: "No members found.",
-  cancelButton: "Cancel",
-  saveButton: "Save",
-  deleteButton: "Delete"
-};
+"use client";
+import { jsxs as a, jsx as t, Fragment as Z } from "react/jsx-runtime";
+import { useRef as $, useEffect as ee } from "react";
+import { ArrowLeftIcon as te, LockIcon as A } from "lucide-react";
+import { Button as c, Badge as E, Label as M, Input as D, Spinner as ae } 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 S } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { AccountAccessTable as ie } from "./index3.js";
+import { avatarSwatchFor as re } from "./index19.js";
+import { OptionalSelect as m } from "./index10.js";
+import { DEFAULT_LABELS as ne } from "./index17.js";
+import { RoleCardGroup as se } from "./index11.js";
+import { statusToneClassName as oe } from "./index14.js";
+function Ne({
+  open: l,
+  memberName: p,
+  memberEmail: g,
+  memberInitials: C = "",
+  avatarSeed: H,
+  roleBadgeLabel: u,
+  statusLabel: w,
+  statusTone: R = "neutral",
+  lastSignInLabel: h,
+  form: r,
+  roleOptions: O,
+  departmentOptions: B,
+  locationOptions: T,
+  reportingManagerOptions: I,
+  departmentsLoading: z = !1,
+  locationsLoading: F = !1,
+  reportingManagersLoading: P = !1,
+  departmentsError: k = !1,
+  locationsError: V = !1,
+  reportingManagersError: j = !1,
+  showAccountAccess: G = !1,
+  accountAccessRows: U = [],
+  onAccountAccessToggle: _,
+  isAccountAccessAdmin: v = !1,
+  isAccountAccessEmployee: b = !1,
+  isAccountAccessLoading: q = !1,
+  accountAccessErrorMessage: f,
+  errors: n,
+  submitErrorMessage: L,
+  isSubmitting: s = !1,
+  isNameDisabled: d = !1,
+  isRoleDisabled: J = !1,
+  isGroupDisabled: N = !1,
+  isReportingManagerDisabled: K = !1,
+  isSaveDisabled: Q = !1,
+  onOpenChange: y,
+  onFormChange: o,
+  onSubmit: W,
+  labels: X
+}) {
+  const e = { ...ne, ...X }, x = $(null);
+  return ee(() => {
+    l && x.current?.focus();
+  }, [l]), l ? /* @__PURE__ */ a(
+    "section",
+    {
+      "aria-label": e.editTitle,
+      className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+      children: [
+        /* @__PURE__ */ a(
+          c,
+          {
+            ref: x,
+            variant: "ghost",
+            size: "sm",
+            disabled: s,
+            onClick: () => y(!1),
+            children: [
+              /* @__PURE__ */ t(te, { "aria-hidden": !0, className: "ttw:size-4" }),
+              e.editBackButton
+            ]
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${re(
+                H || g || p
+              )}`,
+              children: C
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ a("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: p }),
+              u ? /* @__PURE__ */ t(
+                E,
+                {
+                  variant: "outline",
+                  className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
+                  children: u
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ a("div", { className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground", children: [
+              w ? /* @__PURE__ */ t(E, { className: oe(R), children: w }) : null,
+              h ? /* @__PURE__ */ a(Z, { children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "|" }),
+                /* @__PURE__ */ t("span", { children: e.detailsLastSignInLabel }),
+                /* @__PURE__ */ t("span", { children: h })
+              ] }) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          "form",
+          {
+            noValidate: !0,
+            className: "ttw:mt-4",
+            onSubmit: (i) => {
+              i.preventDefault(), W();
+            },
+            children: /* @__PURE__ */ a("fieldset", { className: "ttw:space-y-8", disabled: s, children: [
+              /* @__PURE__ */ a("div", { className: "ttw:space-y-4", children: [
+                /* @__PURE__ */ a("div", { children: [
+                  /* @__PURE__ */ t("h4", { className: "ttw:text-base ttw:font-semibold ttw:text-foreground", children: e.inviteDetailsSectionHeading }),
+                  /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.editDescription })
+                ] }),
+                /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+                  /* @__PURE__ */ t(M, { htmlFor: "team-edit-name", children: e.editNameLabel }),
+                  /* @__PURE__ */ a("div", { className: "ttw:relative", children: [
+                    /* @__PURE__ */ t(
+                      D,
+                      {
+                        id: "team-edit-name",
+                        name: "name",
+                        autoComplete: "name",
+                        value: r.name,
+                        disabled: s || d,
+                        className: d ? "ttw:pr-9" : void 0,
+                        "aria-invalid": n?.name ? !0 : void 0,
+                        "aria-describedby": n?.name ? "team-edit-name-error" : void 0,
+                        onChange: (i) => o({ ...r, name: i.target.value })
+                      }
+                    ),
+                    d && /* @__PURE__ */ t(
+                      A,
+                      {
+                        "aria-hidden": !0,
+                        className: "ttw:pointer-events-none ttw:absolute ttw:top-1/2 ttw:right-3 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground"
+                      }
+                    )
+                  ] }),
+                  n?.name && /* @__PURE__ */ t(
+                    "p",
+                    {
+                      id: "team-edit-name-error",
+                      className: "ttw:text-sm ttw:text-destructive",
+                      children: n.name
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+                  /* @__PURE__ */ t(M, { htmlFor: "team-edit-email", children: e.editEmailLabel }),
+                  /* @__PURE__ */ a("div", { className: "ttw:relative", children: [
+                    /* @__PURE__ */ t(
+                      D,
+                      {
+                        id: "team-edit-email",
+                        name: "email",
+                        type: "email",
+                        value: g,
+                        disabled: !0,
+                        readOnly: !0,
+                        className: "ttw:pr-9"
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      A,
+                      {
+                        "aria-hidden": !0,
+                        className: "ttw:pointer-events-none ttw:absolute ttw:top-1/2 ttw:right-3 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ t(
+                  m,
+                  {
+                    id: "team-edit-department",
+                    label: e.inviteDepartmentLabel,
+                    value: r.department,
+                    options: B,
+                    placeholder: e.inviteDepartmentPlaceholder,
+                    emptyMessage: e.inviteDepartmentEmpty,
+                    loadingMessage: e.inviteOptionsLoading,
+                    noneLabel: e.inviteOptionNone,
+                    disabled: N,
+                    isLoading: z,
+                    isError: k,
+                    errorMessage: e.inviteDepartmentLoadError,
+                    errorHelper: e.inviteDepartmentLoadErrorHelper,
+                    emptyHelper: e.inviteDepartmentEmptyHelper,
+                    onValueChange: (i) => o({ ...r, department: i })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  m,
+                  {
+                    id: "team-edit-location",
+                    label: e.inviteLocationLabel,
+                    value: r.location,
+                    options: T,
+                    placeholder: e.inviteLocationPlaceholder,
+                    emptyMessage: e.inviteLocationEmpty,
+                    loadingMessage: e.inviteOptionsLoading,
+                    noneLabel: e.inviteOptionNone,
+                    disabled: N,
+                    isLoading: F,
+                    isError: V,
+                    errorMessage: e.inviteLocationLoadError,
+                    errorHelper: e.inviteLocationLoadErrorHelper,
+                    emptyHelper: e.inviteLocationEmptyHelper,
+                    onValueChange: (i) => o({ ...r, location: i })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  m,
+                  {
+                    id: "team-edit-reporting-manager",
+                    label: e.inviteReportingManagerLabel,
+                    value: r.reportingManager,
+                    options: I,
+                    placeholder: e.inviteReportingManagerPlaceholder,
+                    emptyMessage: e.inviteReportingManagerEmpty,
+                    loadingMessage: e.inviteOptionsLoading,
+                    noneLabel: e.inviteOptionNone,
+                    disabled: K,
+                    isLoading: P,
+                    isError: j,
+                    errorMessage: e.inviteReportingManagerLoadError,
+                    errorHelper: e.inviteReportingManagerLoadErrorHelper,
+                    emptyHelper: e.inviteReportingManagerEmptyHelper,
+                    readyHelper: e.inviteReportingManagerHelper,
+                    onValueChange: (i) => o({ ...r, reportingManager: i })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+                /* @__PURE__ */ a("div", { children: [
+                  /* @__PURE__ */ t(
+                    "h4",
+                    {
+                      id: "team-edit-role-heading",
+                      className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+                      children: e.inviteRoleSectionHeading
+                    }
+                  ),
+                  /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.inviteRoleSectionDescription })
+                ] }),
+                /* @__PURE__ */ t(
+                  se,
+                  {
+                    idPrefix: "team-edit-role",
+                    options: O,
+                    value: r.role,
+                    disabled: J,
+                    onValueChange: (i) => o({ ...r, role: i }),
+                    ariaLabelledBy: "team-edit-role-heading",
+                    ariaInvalid: !!n?.role,
+                    ariaDescribedBy: n?.role ? "team-edit-role-error" : void 0
+                  }
+                ),
+                n?.role && /* @__PURE__ */ t(
+                  "p",
+                  {
+                    id: "team-edit-role-error",
+                    className: "ttw:text-sm ttw:text-destructive",
+                    children: n.role
+                  }
+                )
+              ] }),
+              G && /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
+                /* @__PURE__ */ a("div", { children: [
+                  /* @__PURE__ */ t("h4", { className: "ttw:text-base ttw:font-semibold ttw:text-foreground", children: e.inviteAccountAccessSectionHeading }),
+                  /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.inviteAccountAccessSectionDescription })
+                ] }),
+                q ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
+                  /* @__PURE__ */ t(ae, { className: "ttw:size-4" }),
+                  /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessLoadingLabel })
+                ] }) : f ? /* @__PURE__ */ t(S, { children: f }) : /* @__PURE__ */ t(
+                  ie,
+                  {
+                    rows: U,
+                    onToggle: (i, Y) => _?.(i, Y),
+                    disabled: s || v || b,
+                    note: v ? e.manageAccessAdminNote : b ? e.manageAccessEmployeeNote : void 0,
+                    emptyMessage: e.manageAccessAccountsEmpty,
+                    labels: {
+                      accountNameColumn: e.accountAccessNameColumn,
+                      accessColumn: e.accountAccessAccessColumn,
+                      toggleAriaLabel: e.accountAccessToggleLabel
+                    }
+                  }
+                )
+              ] }),
+              L && /* @__PURE__ */ t(S, { children: L }),
+              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    onClick: () => y(!1),
+                    children: e.editCancelButton
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  c,
+                  {
+                    type: "submit",
+                    loading: s,
+                    disabled: Q,
+                    children: e.editSaveButton
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  ) : null;
+}
 export {
-  e as DEFAULT_GROUP_ADMIN_DRAWER_LABELS
+  Ne as EditTeamMemberPanel
 };