@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,34 +1,69 @@
 "use client";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { avatarSwatchFor as s } from "../../../shared/ui/dist/lib/avatarSwatch.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-const i = "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ttw:ring-2 ttw:ring-background ttw:-ml-2 ttw:first:ml-0";
-function x({ items: a, overflowLabel: e, label: l }) {
-  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center", "aria-label": l, role: "group", children: [
-    a.map((t) => /* @__PURE__ */ r(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: `${i} ${s(t.key || t.initials)}`,
-        children: t.initials
-      },
-      t.key
-    )),
-    e ? /* @__PURE__ */ r(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: `${i} ttw:bg-muted ttw:text-muted-foreground`,
-        children: e
-      }
-    ) : null
-  ] });
+"use client";
+"use client";
+"use client";
+import { Checkbox as e, Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AccountSourceIcon as s } from "./index2.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { InfoIcon as u } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index4.js
+function d({ rows: d, onToggle: f, labels: p, disabled: m = !1, note: h, emptyMessage: g }) {
+	return /* @__PURE__ */ l("div", {
+		className: "ttw:space-y-3",
+		children: [h ? /* @__PURE__ */ l("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__ */ c(u, {
+				"aria-hidden": !0,
+				className: "ttw:size-4 ttw:shrink-0"
+			}), /* @__PURE__ */ c("span", { children: h })]
+		}) : null, d.length === 0 ? g ? /* @__PURE__ */ c("p", {
+			className: "ttw:text-sm ttw:text-muted-foreground",
+			children: g
+		}) : null : /* @__PURE__ */ c("div", {
+			className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
+			children: /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ l(o, {
+				className: "ttw:bg-muted/50 ttw:hover:bg-muted/50",
+				children: [/* @__PURE__ */ c(i, { children: p.accountNameColumn }), /* @__PURE__ */ c(i, {
+					className: "ttw:w-28 ttw:text-center",
+					children: p.accessColumn
+				})]
+			}) }), /* @__PURE__ */ c(n, { children: d.map((t) => {
+				let n = `account-access-${t.value}`;
+				return /* @__PURE__ */ l(o, {
+					className: m ? "ttw:hover:bg-transparent" : void 0,
+					children: [/* @__PURE__ */ c(r, { children: /* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-3",
+						children: [/* @__PURE__ */ c(s, { source: t.source }), /* @__PURE__ */ l("span", {
+							className: "ttw:flex ttw:min-w-0 ttw:flex-col",
+							children: [/* @__PURE__ */ c("span", {
+								className: "ttw:truncate ttw:text-base ttw:font-medium ttw:text-foreground",
+								children: t.name
+							}), /* @__PURE__ */ l("span", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: [
+									t.typeLabel,
+									" ",
+									/* @__PURE__ */ c("span", {
+										className: "ttw:font-mono ttw:tracking-[0.125rem]",
+										children: t.maskedNumber
+									})
+								]
+							})]
+						})]
+					}) }), /* @__PURE__ */ c(r, {
+						className: "ttw:text-center",
+						children: /* @__PURE__ */ c(e, {
+							id: n,
+							checked: t.checked,
+							disabled: m,
+							"aria-label": `${p.toggleAriaLabel} ${t.name}`,
+							onCheckedChange: (e) => f(t.value, e === !0)
+						})
+					})]
+				}, t.value);
+			}) })] })
+		})]
+	});
 }
-export {
-  x as AvatarStack
-};
+//#endregion
+export { d as AccountAccessTable, d as default };

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

@@ -1,346 +1,27 @@
 "use client";
-import { jsxs as a, jsx as t, Fragment as Y } from "react/jsx-runtime";
-import { useRef as Z, useEffect as $ } from "react";
-import { ArrowLeftIcon as ee, LockIcon as A } from "lucide-react";
-import { Button as p, Badge as E, Label as D, Input as C, Spinner as R } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { avatarSwatchFor as te } from "../../../shared/ui/dist/lib/avatarSwatch.js";
-import "@radix-ui/react-use-controllable-state";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as g } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { AccountAccessTable as ae } from "./index3.js";
-import { OptionalSelect as w } from "./index10.js";
-import { DEFAULT_LABELS as ie } from "./index17.js";
-import { RoleCardGroup as re } from "./index11.js";
-import { statusToneClassName as ne } from "./index14.js";
-function Ne({
-  open: c,
-  memberName: u,
-  memberEmail: h,
-  memberInitials: S = "",
-  avatarSeed: H,
-  roleBadgeLabel: v,
-  statusLabel: b,
-  statusTone: O = "neutral",
-  lastSignInLabel: f,
-  form: r,
-  roleOptions: B,
-  departmentOptions: T,
-  locationOptions: I,
-  reportingManagerOptions: k,
-  departmentsLoading: z = !1,
-  locationsLoading: P = !1,
-  reportingManagersLoading: F = !1,
-  departmentsError: V = !1,
-  locationsError: j = !1,
-  reportingManagersError: G = !1,
-  accountAccessMode: s = "hidden",
-  accountAccessRows: U = [],
-  onAccountAccessToggle: X,
-  isAccountAccessLoading: N = !1,
-  accountAccessErrorMessage: d,
-  errors: n,
-  submitErrorMessage: L,
-  isSubmitting: o = !1,
-  isNameDisabled: m = !1,
-  isRoleDisabled: _ = !1,
-  isGroupDisabled: x = !1,
-  isReportingManagerDisabled: q = !1,
-  isSaveDisabled: J = !1,
-  onOpenChange: y,
-  onFormChange: l,
-  onSubmit: K,
-  labels: Q
-}) {
-  const e = { ...ie, ...Q }, M = Z(null);
-  return $(() => {
-    c && M.current?.focus();
-  }, [c]), c ? /* @__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(
-          p,
-          {
-            ref: M,
-            variant: "ghost",
-            size: "sm",
-            disabled: o,
-            onClick: () => y(!1),
-            children: [
-              /* @__PURE__ */ t(ee, { "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 ${te(
-                H || h || u
-              )}`,
-              children: S
-            }
-          ),
-          /* @__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: u }),
-              v ? /* @__PURE__ */ t(
-                E,
-                {
-                  variant: "outline",
-                  className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
-                  children: v
-                }
-              ) : null
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground", children: [
-              b ? /* @__PURE__ */ t(E, { className: ne(O), children: b }) : null,
-              f ? /* @__PURE__ */ a(Y, { children: [
-                /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "|" }),
-                /* @__PURE__ */ t("span", { children: e.detailsLastSignInLabel }),
-                /* @__PURE__ */ t("span", { children: f })
-              ] }) : null
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ t(
-          "form",
-          {
-            noValidate: !0,
-            className: "ttw:mt-4",
-            onSubmit: (i) => {
-              i.preventDefault(), K();
-            },
-            children: /* @__PURE__ */ a("fieldset", { className: "ttw:space-y-8", disabled: o, 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(D, { htmlFor: "team-edit-name", children: e.editNameLabel }),
-                  /* @__PURE__ */ a("div", { className: "ttw:relative", children: [
-                    /* @__PURE__ */ t(
-                      C,
-                      {
-                        id: "team-edit-name",
-                        name: "name",
-                        autoComplete: "name",
-                        value: r.name,
-                        disabled: o || m,
-                        className: m ? "ttw:pr-9" : void 0,
-                        "aria-invalid": n?.name ? !0 : void 0,
-                        "aria-describedby": n?.name ? "team-edit-name-error" : void 0,
-                        onChange: (i) => l({ ...r, name: i.target.value })
-                      }
-                    ),
-                    m && /* @__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(D, { htmlFor: "team-edit-email", children: e.editEmailLabel }),
-                  /* @__PURE__ */ a("div", { className: "ttw:relative", children: [
-                    /* @__PURE__ */ t(
-                      C,
-                      {
-                        id: "team-edit-email",
-                        name: "email",
-                        type: "email",
-                        value: h,
-                        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(
-                  w,
-                  {
-                    id: "team-edit-department",
-                    label: e.inviteDepartmentLabel,
-                    value: r.department,
-                    options: T,
-                    placeholder: e.inviteDepartmentPlaceholder,
-                    emptyMessage: e.inviteDepartmentEmpty,
-                    loadingMessage: e.inviteOptionsLoading,
-                    noneLabel: e.inviteOptionNone,
-                    disabled: x,
-                    isLoading: z,
-                    isError: V,
-                    errorMessage: e.inviteDepartmentLoadError,
-                    errorHelper: e.inviteDepartmentLoadErrorHelper,
-                    emptyHelper: e.inviteDepartmentEmptyHelper,
-                    onValueChange: (i) => l({ ...r, department: i })
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  w,
-                  {
-                    id: "team-edit-location",
-                    label: e.inviteLocationLabel,
-                    value: r.location,
-                    options: I,
-                    placeholder: e.inviteLocationPlaceholder,
-                    emptyMessage: e.inviteLocationEmpty,
-                    loadingMessage: e.inviteOptionsLoading,
-                    noneLabel: e.inviteOptionNone,
-                    disabled: x,
-                    isLoading: P,
-                    isError: j,
-                    errorMessage: e.inviteLocationLoadError,
-                    errorHelper: e.inviteLocationLoadErrorHelper,
-                    emptyHelper: e.inviteLocationEmptyHelper,
-                    onValueChange: (i) => l({ ...r, location: i })
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  w,
-                  {
-                    id: "team-edit-reporting-manager",
-                    label: e.inviteReportingManagerLabel,
-                    value: r.reportingManager,
-                    options: k,
-                    placeholder: e.inviteReportingManagerPlaceholder,
-                    emptyMessage: e.inviteReportingManagerEmpty,
-                    loadingMessage: e.inviteOptionsLoading,
-                    noneLabel: e.inviteOptionNone,
-                    disabled: q,
-                    isLoading: F,
-                    isError: G,
-                    errorMessage: e.inviteReportingManagerLoadError,
-                    errorHelper: e.inviteReportingManagerLoadErrorHelper,
-                    emptyHelper: e.inviteReportingManagerEmptyHelper,
-                    readyHelper: e.inviteReportingManagerHelper,
-                    searchable: !0,
-                    searchPlaceholder: e.inviteReportingManagerSearchPlaceholder,
-                    noResultsLabel: e.inviteReportingManagerNoResults,
-                    onValueChange: (i) => l({ ...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(
-                  re,
-                  {
-                    idPrefix: "team-edit-role",
-                    options: B,
-                    value: r.role,
-                    disabled: _,
-                    onValueChange: (i) => l({ ...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
-                  }
-                )
-              ] }),
-              s === "employee" && /* @__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.manageAccessEmployeeNote })
-                ] }),
-                N ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-                  /* @__PURE__ */ t(R, { className: "ttw:size-4" }),
-                  /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessLoadingLabel })
-                ] }) : d ? /* @__PURE__ */ t(g, { children: d }) : null
-              ] }),
-              (s === "picker" || s === "admin") && /* @__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 })
-                ] }),
-                N ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-                  /* @__PURE__ */ t(R, { className: "ttw:size-4" }),
-                  /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessLoadingLabel })
-                ] }) : d ? /* @__PURE__ */ t(g, { children: d }) : /* @__PURE__ */ t(
-                  ae,
-                  {
-                    rows: U,
-                    onToggle: (i, W) => X?.(i, W),
-                    disabled: o || s === "admin",
-                    note: s === "admin" ? e.manageAccessAdminNote : void 0,
-                    emptyMessage: e.manageAccessAccountsEmpty,
-                    labels: {
-                      accountNameColumn: e.accountAccessNameColumn,
-                      accessColumn: e.accountAccessAccessColumn,
-                      toggleAriaLabel: e.accountAccessToggleLabel
-                    }
-                  }
-                )
-              ] }),
-              L && /* @__PURE__ */ t(g, { children: L }),
-              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
-                /* @__PURE__ */ t(
-                  p,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    onClick: () => y(!1),
-                    children: e.editCancelButton
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  p,
-                  {
-                    type: "submit",
-                    loading: o,
-                    disabled: J,
-                    children: e.editSaveButton
-                  }
-                )
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  ) : null;
+"use client";
+"use client";
+"use client";
+import { avatarSwatchFor as e } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import "../../../shared/ui/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index5.js
+var 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 i({ items: i, overflowLabel: a, label: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:items-center",
+		"aria-label": o,
+		role: "group",
+		children: [i.map((n) => /* @__PURE__ */ t("span", {
+			"aria-hidden": !0,
+			className: `${r} ${e(n.key || n.initials)}`,
+			children: n.initials
+		}, n.key)), a ? /* @__PURE__ */ t("span", {
+			"aria-hidden": !0,
+			className: `${r} ttw:bg-muted ttw:text-muted-foreground`,
+			children: a
+		}) : null]
+	});
 }
-export {
-  Ne as EditTeamMemberPanel
-};
+//#endregion
+export { i as AvatarStack, i as default };