@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,425 +1,311 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useRef as _, useMemo as j, useEffect as q, useState as G } from "react";
-import { ArrowLeftIcon as W, SendIcon as $, ChevronDownIcon as U, CheckIcon as J } from "lucide-react";
-import { Button as E, Label as R, Input as O, Select as K, SelectTrigger as Q, SelectValue as X, SelectContent as Y, SelectItem as D, Popover as Z, PopoverTrigger as ee, cn as te, PopoverContent as ae, Command as ie, CommandInput as ne, CommandList as re, CommandEmpty as oe, CommandItem as k } 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 B } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { AccountAccessTable as le } from "./index3.js";
-import { DEFAULT_LABELS as se } from "./index17.js";
-import { RoleCardGroup as ce } from "./index11.js";
-function H({ id: a, message: c }) {
-  return /* @__PURE__ */ t("p", { id: a, className: "ttw:text-sm ttw:text-destructive", children: c });
-}
-const I = "__none__";
-function de({
-  id: a,
-  value: c,
-  options: p,
-  placeholder: u,
-  searchPlaceholder: N,
-  noResultsLabel: g,
-  noneLabel: v,
-  disabled: h,
-  onValueChange: d
-}) {
-  const [w, y] = G(!1), b = p.find((n) => n.value === c), f = (n) => {
-    d(n), y(!1);
-  };
-  return /* @__PURE__ */ i(Z, { open: w, onOpenChange: y, children: [
-    /* @__PURE__ */ t(ee, { asChild: !0, children: /* @__PURE__ */ i(
-      "button",
-      {
-        type: "button",
-        id: a,
-        role: "combobox",
-        "aria-expanded": w,
-        disabled: h,
-        className: "ttw:flex ttw:h-9 ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ t(
-            "span",
-            {
-              className: te(
-                "ttw:truncate",
-                !b && "ttw:text-muted-foreground"
-              ),
-              children: b ? b.label : u
-            }
-          ),
-          /* @__PURE__ */ t(U, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t(
-      ae,
-      {
-        align: "start",
-        className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
-        children: /* @__PURE__ */ i(
-          ie,
-          {
-            filter: (n, o) => n.toLowerCase().includes(o.toLowerCase()) ? 1 : 0,
-            children: [
-              /* @__PURE__ */ t(
-                ne,
-                {
-                  placeholder: N,
-                  "aria-label": N
-                }
-              ),
-              /* @__PURE__ */ i(re, { children: [
-                /* @__PURE__ */ t(oe, { children: g }),
-                c ? /* @__PURE__ */ t(k, { value: v, onSelect: () => f(""), children: v }) : null,
-                p.map((n) => /* @__PURE__ */ i(
-                  k,
-                  {
-                    value: `${n.label} ${n.sublabel ?? ""} ${n.value}`,
-                    onSelect: () => f(n.value),
-                    children: [
-                      /* @__PURE__ */ i("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-0.5", children: [
-                        /* @__PURE__ */ t("span", { className: "ttw:truncate", children: n.label }),
-                        n.sublabel ? /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground", children: n.sublabel }) : null
-                      ] }),
-                      n.value === c ? /* @__PURE__ */ t(J, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null
-                    ]
-                  },
-                  n.value
-                ))
-              ] })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-function S({
-  id: a,
-  label: c,
-  value: p,
-  options: u,
-  placeholder: N,
-  emptyMessage: g,
-  loadingMessage: v,
-  noneLabel: h,
-  isLoading: d = !1,
-  isError: w = !1,
-  errorMessage: y,
-  errorHelper: b,
-  emptyHelper: f,
-  readyHelper: n,
-  disabled: o,
-  searchable: l = !1,
-  searchPlaceholder: C,
-  noResultsLabel: x,
-  onValueChange: s
-}) {
-  const L = u.length > 0, A = w ? y ?? g : d ? v : L ? N : g, M = w ? b : !d && !L ? f : L ? n : void 0;
-  return /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
-    /* @__PURE__ */ t(R, { htmlFor: a, children: c }),
-    l ? /* @__PURE__ */ t(
-      de,
-      {
-        id: a,
-        value: p,
-        options: u,
-        placeholder: A,
-        searchPlaceholder: C ?? "",
-        noResultsLabel: x ?? "",
-        noneLabel: h,
-        disabled: o || d || !L,
-        onValueChange: s
-      }
-    ) : /* @__PURE__ */ i(
-      K,
-      {
-        value: p || void 0,
-        disabled: o || d || !L,
-        onValueChange: (m) => s(m === I ? "" : m),
-        children: [
-          /* @__PURE__ */ t(Q, { id: a, className: "ttw:w-full", children: /* @__PURE__ */ t(X, { placeholder: A }) }),
-          /* @__PURE__ */ i(Y, { children: [
-            p ? /* @__PURE__ */ t(D, { value: I, children: h }) : null,
-            u.map((m) => /* @__PURE__ */ t(
-              D,
-              {
-                value: m.value,
-                description: m.sublabel,
-                children: m.label
-              },
-              m.value
-            ))
-          ] })
-        ]
-      }
-    ),
-    M ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: M }) : null
-  ] });
-}
-function ye({
-  form: a,
-  roleOptions: c,
-  departmentOptions: p,
-  locationOptions: u,
-  reportingManagerOptions: N,
-  accountAccessOptions: g,
-  departmentsLoading: v = !1,
-  locationsLoading: h = !1,
-  reportingManagersLoading: d = !1,
-  departmentsError: w = !1,
-  locationsError: y = !1,
-  reportingManagersError: b = !1,
-  accountAccessLoading: f = !1,
-  accountAccessError: n = !1,
-  accountAccessMode: o = "hidden",
-  errors: l,
-  submitErrorMessage: C,
-  isSubmitting: x = !1,
-  onFormChange: s,
-  onBackClick: L,
-  onCancel: A,
-  onSubmit: M,
-  labels: m
-}) {
-  const e = { ...se, ...m }, P = _(null), T = j(
-    () => g.map((r) => ({
-      ...r,
-      checked: o === "admin" || a.accountAccess.includes(r.value)
-    })),
-    [g, o, a.accountAccess]
-  ), V = (r, F) => {
-    s({
-      ...a,
-      accountAccess: F ? [...a.accountAccess, r] : a.accountAccess.filter((z) => z !== r)
-    });
-  };
-  return q(() => {
-    P.current?.focus();
-  }, []), /* @__PURE__ */ i(
-    "section",
-    {
-      "aria-label": e.inviteTitle,
-      className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-      children: [
-        /* @__PURE__ */ i(
-          E,
-          {
-            ref: P,
-            variant: "ghost",
-            size: "sm",
-            disabled: x,
-            onClick: L,
-            children: [
-              /* @__PURE__ */ t(W, { "aria-hidden": !0, className: "ttw:size-4" }),
-              e.inviteBackToTeamButton
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("h3", { className: "ttw:mt-4 ttw:text-lg ttw:font-semibold ttw:text-foreground", children: e.inviteTitle }),
-        /* @__PURE__ */ t(
-          "form",
-          {
-            noValidate: !0,
-            className: "ttw:mt-4",
-            onSubmit: (r) => {
-              r.preventDefault(), M();
-            },
-            children: /* @__PURE__ */ i("fieldset", { className: "ttw:space-y-6", disabled: x, children: [
-              /* @__PURE__ */ i("div", { className: "ttw:space-y-4", children: [
-                /* @__PURE__ */ t("h4", { className: "ttw:text-base ttw:font-semibold ttw:text-foreground", children: e.inviteDetailsSectionHeading }),
-                /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
-                  /* @__PURE__ */ t(R, { htmlFor: "team-invite-name", children: e.inviteNameLabel }),
-                  /* @__PURE__ */ t(
-                    O,
-                    {
-                      id: "team-invite-name",
-                      name: "name",
-                      autoComplete: "name",
-                      required: !0,
-                      value: a.name,
-                      "aria-invalid": l?.name ? !0 : void 0,
-                      "aria-describedby": l?.name ? "team-invite-name-error" : void 0,
-                      onChange: (r) => s({ ...a, name: r.target.value })
-                    }
-                  ),
-                  l?.name && /* @__PURE__ */ t(H, { id: "team-invite-name-error", message: l.name })
-                ] }),
-                /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
-                  /* @__PURE__ */ t(R, { htmlFor: "team-invite-email", children: e.inviteWorkEmailLabel }),
-                  /* @__PURE__ */ t(
-                    O,
-                    {
-                      id: "team-invite-email",
-                      name: "email",
-                      type: "email",
-                      autoComplete: "email",
-                      required: !0,
-                      value: a.email,
-                      "aria-invalid": l?.email ? !0 : void 0,
-                      "aria-describedby": l?.email ? "team-invite-email-error" : void 0,
-                      onChange: (r) => s({ ...a, email: r.target.value })
-                    }
-                  ),
-                  l?.email && /* @__PURE__ */ t(
-                    H,
-                    {
-                      id: "team-invite-email-error",
-                      message: l.email
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ i("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
-                  /* @__PURE__ */ t(
-                    S,
-                    {
-                      id: "team-invite-department",
-                      label: e.inviteDepartmentLabel,
-                      value: a.department,
-                      options: p,
-                      placeholder: e.inviteDepartmentPlaceholder,
-                      emptyMessage: e.inviteDepartmentEmpty,
-                      loadingMessage: e.inviteOptionsLoading,
-                      noneLabel: e.inviteOptionNone,
-                      isLoading: v,
-                      isError: w,
-                      errorMessage: e.inviteDepartmentLoadError,
-                      errorHelper: e.inviteDepartmentLoadErrorHelper,
-                      emptyHelper: e.inviteDepartmentEmptyHelper,
-                      onValueChange: (r) => s({ ...a, department: r })
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    S,
-                    {
-                      id: "team-invite-location",
-                      label: e.inviteLocationLabel,
-                      value: a.location,
-                      options: u,
-                      placeholder: e.inviteLocationPlaceholder,
-                      emptyMessage: e.inviteLocationEmpty,
-                      loadingMessage: e.inviteOptionsLoading,
-                      noneLabel: e.inviteOptionNone,
-                      isLoading: h,
-                      isError: y,
-                      errorMessage: e.inviteLocationLoadError,
-                      errorHelper: e.inviteLocationLoadErrorHelper,
-                      emptyHelper: e.inviteLocationEmptyHelper,
-                      onValueChange: (r) => s({ ...a, location: r })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ t(
-                  S,
-                  {
-                    id: "team-invite-reporting-manager",
-                    label: e.inviteReportingManagerLabel,
-                    value: a.reportingManager,
-                    options: N,
-                    placeholder: e.inviteReportingManagerPlaceholder,
-                    emptyMessage: e.inviteReportingManagerEmpty,
-                    loadingMessage: e.inviteOptionsLoading,
-                    noneLabel: e.inviteOptionNone,
-                    isLoading: d,
-                    isError: b,
-                    errorMessage: e.inviteReportingManagerLoadError,
-                    errorHelper: e.inviteReportingManagerLoadErrorHelper,
-                    emptyHelper: e.inviteReportingManagerEmptyHelper,
-                    readyHelper: e.inviteReportingManagerHelper,
-                    searchable: !0,
-                    searchPlaceholder: e.inviteReportingManagerSearchPlaceholder,
-                    noResultsLabel: e.inviteReportingManagerNoResults,
-                    onValueChange: (r) => s({ ...a, reportingManager: r })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ i("div", { className: "ttw:space-y-1", children: [
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    id: "team-invite-role-heading",
-                    className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-                    children: e.inviteRoleSectionHeading
-                  }
-                ),
-                /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteRoleSectionDescription }),
-                /* @__PURE__ */ t("div", { className: "ttw:mt-3", children: /* @__PURE__ */ t(
-                  ce,
-                  {
-                    idPrefix: "team-invite-role",
-                    options: c,
-                    value: a.role,
-                    onValueChange: (r) => s({ ...a, role: r }),
-                    ariaLabelledBy: "team-invite-role-heading",
-                    ariaInvalid: !!l?.role,
-                    ariaDescribedBy: l?.role ? "team-invite-role-error" : void 0
-                  }
-                ) }),
-                l?.role && /* @__PURE__ */ t(H, { id: "team-invite-role-error", message: l.role })
-              ] }),
-              o === "employee" && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    id: "team-invite-account-access-heading",
-                    className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-                    children: e.inviteAccountAccessSectionHeading
-                  }
-                ),
-                /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessEmployeeNote })
-              ] }),
-              (o === "picker" || o === "admin") && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    id: "team-invite-account-access-heading",
-                    className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-                    children: e.inviteAccountAccessSectionHeading
-                  }
-                ),
-                /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteAccountAccessSectionDescription }),
-                n ? /* @__PURE__ */ t(B, { children: e.inviteAccountAccessLoadError }) : f ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteOptionsLoading }) : /* @__PURE__ */ t(
-                  le,
-                  {
-                    rows: T,
-                    onToggle: V,
-                    disabled: o === "admin",
-                    note: o === "admin" ? e.inviteAccountAccessAdminNote : void 0,
-                    emptyMessage: e.inviteAccountAccessEmpty,
-                    labels: {
-                      accountNameColumn: e.accountAccessNameColumn,
-                      accessColumn: e.accountAccessAccessColumn,
-                      toggleAriaLabel: e.accountAccessToggleLabel
-                    }
-                  }
-                )
-              ] }),
-              C && /* @__PURE__ */ t(B, { children: C }),
-              /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
-                /* @__PURE__ */ t(E, { type: "button", variant: "ghost", onClick: A, children: e.inviteCancelButton }),
-                /* @__PURE__ */ i(
-                  E,
-                  {
-                    type: "submit",
-                    loading: x,
-                    disabled: v || h || d || (o === "picker" || o === "admin") && (f || n),
-                    children: [
-                      e.inviteSubmitButton,
-                      /* @__PURE__ */ t($, { "aria-hidden": !0, className: "ttw:size-4" })
-                    ]
-                  }
-                )
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
+"use client";
+"use client";
+"use client";
+import { Badge as e, Button as t, Input as n, Label as r, Spinner as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { avatarSwatchFor as ee } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import { InlineErrorAlert as a } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/index.js";
+import { AccountAccessTable as o } from "./index4.js";
+import { DEFAULT_LABELS as s } from "./index6.js";
+import { RoleCardGroup as c } from "./index7.js";
+import { OptionalSelect as l } from "./index8.js";
+import { statusToneClassName as u } from "./index9.js";
+import { useEffect as d, useRef as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowLeftIcon as g, LockIcon as _ } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index10.js
+function v({ open: v, memberName: y, memberEmail: b, memberInitials: x = "", avatarSeed: S, roleBadgeLabel: C, statusLabel: w, statusTone: T = "neutral", lastSignInLabel: E, form: D, roleOptions: O, departmentOptions: te, locationOptions: k, reportingManagerOptions: A, departmentsLoading: j = !1, locationsLoading: M = !1, reportingManagersLoading: N = !1, departmentsError: P = !1, locationsError: F = !1, reportingManagersError: I = !1, accountAccessMode: L = "hidden", accountAccessRows: R = [], onAccountAccessToggle: z, isAccountAccessLoading: B = !1, accountAccessErrorMessage: V, errors: H, submitErrorMessage: U, isSubmitting: W = !1, isNameDisabled: G = !1, isRoleDisabled: K = !1, isGroupDisabled: q = !1, isReportingManagerDisabled: J = !1, isSaveDisabled: Y = !1, onOpenChange: X, onFormChange: Z, onSubmit: ne, labels: re }) {
+	let Q = {
+		...s,
+		...re
+	}, $ = f(null);
+	return d(() => {
+		v && $.current?.focus();
+	}, [v]), v ? /* @__PURE__ */ h("section", {
+		"aria-label": Q.editTitle,
+		className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+		children: [
+			/* @__PURE__ */ h(t, {
+				ref: $,
+				variant: "ghost",
+				size: "sm",
+				disabled: W,
+				onClick: () => X(!1),
+				children: [/* @__PURE__ */ m(g, {
+					"aria-hidden": !0,
+					className: "ttw:size-4"
+				}), Q.editBackButton]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3",
+				children: [/* @__PURE__ */ m("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 ${ee(S || b || y)}`,
+					children: x
+				}), /* @__PURE__ */ h("div", {
+					className: "ttw:min-w-0",
+					children: [/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
+							children: y
+						}), C ? /* @__PURE__ */ m(e, {
+							variant: "outline",
+							className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
+							children: C
+						}) : null]
+					}), /* @__PURE__ */ h("div", {
+						className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground",
+						children: [w ? /* @__PURE__ */ m(e, {
+							className: u(T),
+							children: w
+						}) : null, E ? /* @__PURE__ */ h(p, { children: [
+							/* @__PURE__ */ m("span", {
+								"aria-hidden": !0,
+								children: "|"
+							}),
+							/* @__PURE__ */ m("span", { children: Q.detailsLastSignInLabel }),
+							/* @__PURE__ */ m("span", { children: E })
+						] }) : null]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ m("form", {
+				noValidate: !0,
+				className: "ttw:mt-4",
+				onSubmit: (e) => {
+					e.preventDefault(), ne();
+				},
+				children: /* @__PURE__ */ h("fieldset", {
+					className: "ttw:space-y-8",
+					disabled: W,
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "ttw:space-y-4",
+							children: [
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
+									className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+									children: Q.inviteDetailsSectionHeading
+								}), /* @__PURE__ */ m("p", {
+									className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+									children: Q.editDescription
+								})] }),
+								/* @__PURE__ */ h("div", {
+									className: "ttw:space-y-2",
+									children: [
+										/* @__PURE__ */ m(r, {
+											htmlFor: "team-edit-name",
+											children: Q.editNameLabel
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "ttw:relative",
+											children: [/* @__PURE__ */ m(n, {
+												id: "team-edit-name",
+												name: "name",
+												autoComplete: "name",
+												value: D.name,
+												disabled: W || G,
+												className: G ? "ttw:pr-9" : void 0,
+												"aria-invalid": H?.name ? !0 : void 0,
+												"aria-describedby": H?.name ? "team-edit-name-error" : void 0,
+												onChange: (e) => Z({
+													...D,
+													name: e.target.value
+												})
+											}), G && /* @__PURE__ */ m(_, {
+												"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"
+											})]
+										}),
+										H?.name && /* @__PURE__ */ m("p", {
+											id: "team-edit-name-error",
+											className: "ttw:text-sm ttw:text-destructive",
+											children: H.name
+										})
+									]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "ttw:space-y-2",
+									children: [/* @__PURE__ */ m(r, {
+										htmlFor: "team-edit-email",
+										children: Q.editEmailLabel
+									}), /* @__PURE__ */ h("div", {
+										className: "ttw:relative",
+										children: [/* @__PURE__ */ m(n, {
+											id: "team-edit-email",
+											name: "email",
+											type: "email",
+											value: b,
+											disabled: !0,
+											readOnly: !0,
+											className: "ttw:pr-9"
+										}), /* @__PURE__ */ m(_, {
+											"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__ */ m(l, {
+									id: "team-edit-department",
+									label: Q.inviteDepartmentLabel,
+									value: D.department,
+									options: te,
+									placeholder: Q.inviteDepartmentPlaceholder,
+									emptyMessage: Q.inviteDepartmentEmpty,
+									loadingMessage: Q.inviteOptionsLoading,
+									noneLabel: Q.inviteOptionNone,
+									disabled: q,
+									isLoading: j,
+									isError: P,
+									errorMessage: Q.inviteDepartmentLoadError,
+									errorHelper: Q.inviteDepartmentLoadErrorHelper,
+									emptyHelper: Q.inviteDepartmentEmptyHelper,
+									onValueChange: (e) => Z({
+										...D,
+										department: e
+									})
+								}),
+								/* @__PURE__ */ m(l, {
+									id: "team-edit-location",
+									label: Q.inviteLocationLabel,
+									value: D.location,
+									options: k,
+									placeholder: Q.inviteLocationPlaceholder,
+									emptyMessage: Q.inviteLocationEmpty,
+									loadingMessage: Q.inviteOptionsLoading,
+									noneLabel: Q.inviteOptionNone,
+									disabled: q,
+									isLoading: M,
+									isError: F,
+									errorMessage: Q.inviteLocationLoadError,
+									errorHelper: Q.inviteLocationLoadErrorHelper,
+									emptyHelper: Q.inviteLocationEmptyHelper,
+									onValueChange: (e) => Z({
+										...D,
+										location: e
+									})
+								}),
+								/* @__PURE__ */ m(l, {
+									id: "team-edit-reporting-manager",
+									label: Q.inviteReportingManagerLabel,
+									value: D.reportingManager,
+									options: A,
+									placeholder: Q.inviteReportingManagerPlaceholder,
+									emptyMessage: Q.inviteReportingManagerEmpty,
+									loadingMessage: Q.inviteOptionsLoading,
+									noneLabel: Q.inviteOptionNone,
+									disabled: J,
+									isLoading: N,
+									isError: I,
+									errorMessage: Q.inviteReportingManagerLoadError,
+									errorHelper: Q.inviteReportingManagerLoadErrorHelper,
+									emptyHelper: Q.inviteReportingManagerEmptyHelper,
+									readyHelper: Q.inviteReportingManagerHelper,
+									searchable: !0,
+									searchPlaceholder: Q.inviteReportingManagerSearchPlaceholder,
+									noResultsLabel: Q.inviteReportingManagerNoResults,
+									onValueChange: (e) => Z({
+										...D,
+										reportingManager: e
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "ttw:space-y-2",
+							children: [
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
+									id: "team-edit-role-heading",
+									className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+									children: Q.inviteRoleSectionHeading
+								}), /* @__PURE__ */ m("p", {
+									className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+									children: Q.inviteRoleSectionDescription
+								})] }),
+								/* @__PURE__ */ m(c, {
+									idPrefix: "team-edit-role",
+									options: O,
+									value: D.role,
+									disabled: K,
+									onValueChange: (e) => Z({
+										...D,
+										role: e
+									}),
+									ariaLabelledBy: "team-edit-role-heading",
+									ariaInvalid: !!H?.role,
+									ariaDescribedBy: H?.role ? "team-edit-role-error" : void 0
+								}),
+								H?.role && /* @__PURE__ */ m("p", {
+									id: "team-edit-role-error",
+									className: "ttw:text-sm ttw:text-destructive",
+									children: H.role
+								})
+							]
+						}),
+						L === "employee" && /* @__PURE__ */ h("div", {
+							className: "ttw:space-y-2",
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
+								className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+								children: Q.inviteAccountAccessSectionHeading
+							}), /* @__PURE__ */ m("p", {
+								className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+								children: Q.manageAccessEmployeeNote
+							})] }), B ? /* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
+								children: [/* @__PURE__ */ m(i, { className: "ttw:size-4" }), /* @__PURE__ */ m("span", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: Q.manageAccessLoadingLabel
+								})]
+							}) : V ? /* @__PURE__ */ m(a, { children: V }) : null]
+						}),
+						(L === "picker" || L === "admin") && /* @__PURE__ */ h("div", {
+							className: "ttw:space-y-2",
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
+								className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+								children: Q.inviteAccountAccessSectionHeading
+							}), /* @__PURE__ */ m("p", {
+								className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+								children: Q.inviteAccountAccessSectionDescription
+							})] }), B ? /* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2",
+								children: [/* @__PURE__ */ m(i, { className: "ttw:size-4" }), /* @__PURE__ */ m("span", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: Q.manageAccessLoadingLabel
+								})]
+							}) : V ? /* @__PURE__ */ m(a, { children: V }) : /* @__PURE__ */ m(o, {
+								rows: R,
+								onToggle: (e, t) => z?.(e, t),
+								disabled: W || L === "admin",
+								note: L === "admin" ? Q.manageAccessAdminNote : void 0,
+								emptyMessage: Q.manageAccessAccountsEmpty,
+								labels: {
+									accountNameColumn: Q.accountAccessNameColumn,
+									accessColumn: Q.accountAccessAccessColumn,
+									toggleAriaLabel: Q.accountAccessToggleLabel
+								}
+							})]
+						}),
+						U && /* @__PURE__ */ m(a, { children: U }),
+						/* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:justify-end ttw:gap-2",
+							children: [/* @__PURE__ */ m(t, {
+								type: "button",
+								variant: "ghost",
+								onClick: () => X(!1),
+								children: Q.editCancelButton
+							}), /* @__PURE__ */ m(t, {
+								type: "submit",
+								loading: W,
+								disabled: Y,
+								children: Q.editSaveButton
+							})]
+						})
+					]
+				})
+			})
+		]
+	}) : null;
 }
-export {
-  ye as InviteTeamMemberForm,
-  S as OptionalSelect
-};
+//#endregion
+export { v as EditTeamMemberPanel, v as default };