@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,86 @@
+"use client";
+import { useMemo as c } from "react";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { useAllTeamMembersQuery as M } from "../../data-access/dist/index7.js";
+import { useAllLocationsQuery as L } from "../../data-access/dist/index16.js";
+import { useLocationMembersQuery as y } from "../../data-access/dist/index17.js";
+import { useCreateLocationMutation as v, useUpdateLocationMutation as E, useDeactivateLocationMutation as C, useLocationMembersMutation as P } from "../../data-access/dist/index18.js";
+import { buildMemberDirectory as f, buildAssignedAvatars as D } from "./index12.js";
+import { useGroupAdmin as I } from "./index13.js";
+function x({
+  canRead: r,
+  canWrite: s,
+  featureLabels: e
+}) {
+  const l = M({
+    Status: "ALL",
+    enabled: r
+  }), i = l.data?.data, d = c(
+    () => f(i ?? []),
+    [i]
+  ), p = c(
+    () => D(i ?? [], (a) => a.location?.id),
+    [i]
+  ), b = () => L({ enabled: r }), g = (a) => y({ locationId: a, enabled: s }), A = () => {
+    const a = v(), m = E(), u = C(), n = P();
+    return {
+      create: (t) => a.mutateAsync({ name: t }),
+      rename: (t, o) => m.mutateAsync({ locationId: t, name: o }),
+      remove: (t) => u.mutateAsync({ locationId: t }),
+      assignMembers: (t, o) => n.mutateAsync({ locationId: t, type: "ASSIGN", userIds: o }),
+      removeMembers: (t, o) => n.mutateAsync({ locationId: t, type: "REMOVE", userIds: o }),
+      isMutating: a.isPending || m.isPending || u.isPending || n.isPending
+    };
+  };
+  return I({
+    canRead: r,
+    canWrite: s,
+    directory: d,
+    directoryReady: l.isComplete,
+    assignedAvatarsByGroupId: p,
+    useListQuery: b,
+    useEditMembers: g,
+    useMutations: A,
+    panelLabels: {
+      title: e.locationsTitle,
+      addButton: e.locationsAddButton,
+      nameColumn: e.groupNameColumn,
+      assignedColumn: e.groupAssignedColumn,
+      actionsColumn: e.groupActionsColumn,
+      editAction: e.groupEditAction,
+      deleteAction: e.locationDeleteAction,
+      emptyMessage: e.locationsEmpty,
+      loadingLabel: e.locationsLoading,
+      errorTitle: e.locationsErrorTitle,
+      errorDescription: e.locationsErrorDescription,
+      rowActionsAriaLabel: e.groupRowActionsAriaLabel
+    },
+    drawerLabels: {
+      createTitle: e.locationCreateTitle,
+      editTitle: e.locationEditTitle,
+      description: e.locationDrawerDescription,
+      nameLabel: e.locationNameLabel,
+      namePlaceholder: e.locationNamePlaceholder,
+      membersLabel: e.groupMembersLabel,
+      membersSearchPlaceholder: e.groupMembersSearchPlaceholder,
+      membersEmptyMessage: e.groupMembersEmpty,
+      cancelButton: e.groupCancelButton,
+      saveButton: e.groupSaveButton,
+      deleteButton: e.locationDeleteAction
+    },
+    countLabels: {
+      memberSingular: e.groupMemberSingular,
+      memberPlural: e.groupMemberPlural,
+      noMembers: e.groupNoMembers
+    },
+    saveFailedMessage: e.locationSaveFailed,
+    deleteFailedMessage: e.locationDeleteFailed
+  });
+}
+export {
+  x as useLocationsAdmin
+};

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

@@ -0,0 +1,124 @@
+"use client";
+import { useState as M, useEffect as k } from "react";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import "react-error-boundary";
+import { useAnalyticsTrack as B } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useUpdateTeamMemberMutation as j } from "../../data-access/dist/index8.js";
+import { TeamWidgetAnalyticsEvent as q } from "./index4.js";
+import { isMemberActionable as w, toRoleOptions as x, resolveMemberRoleId as G } from "./index11.js";
+const H = { name: "", role: "" };
+function J({
+  member: a,
+  organizationId: r,
+  canEditAnyProfile: d,
+  canEditOrgProfile: g,
+  currentUserId: b
+}) {
+  return b && a.id === b ? !1 : d ? !0 : g && !!r && a.organizationId === r;
+}
+function L({
+  member: a,
+  organizationId: r,
+  canEditRole: d
+}) {
+  return d && !!r && a.organizationId === r;
+}
+function ce({
+  canEditAnyProfile: a,
+  canEditOrgProfile: r,
+  organizationId: d,
+  currentUserId: g,
+  canEditRole: b,
+  members: R,
+  roles: I,
+  featureLabels: O
+}) {
+  const C = B(), [o, f] = M(), [m, y] = M(H), [N, v] = M({}), t = j(), z = o ? R.find((e) => e.id === o.memberId) : void 0, n = w(z) ? z : void 0, A = !!o && !n;
+  k(() => {
+    A && f(void 0);
+  }, [A]);
+  const U = (e) => {
+    const i = R.find(($) => $.id === e);
+    if (!i)
+      return;
+    const l = J({
+      member: i,
+      organizationId: d,
+      canEditAnyProfile: a,
+      canEditOrgProfile: r,
+      currentUserId: g
+    }), c = L({
+      member: i,
+      organizationId: d,
+      canEditRole: b
+    });
+    if (!l && !c)
+      return;
+    const u = i.name, h = G(I, i.role) ?? "";
+    y({ name: u, role: h }), v({}), t.reset(), f({
+      memberId: e,
+      canEditProfile: l,
+      canEditRole: c,
+      baselineName: u,
+      baselineRoleId: h
+    });
+  }, D = (e) => {
+    e || f(void 0);
+  }, E = m.name.trim(), s = o?.canEditProfile ?? !1, p = o?.canEditRole ?? !1, S = o?.baselineName ?? "", P = o?.baselineRoleId ?? "", F = n ? s && E !== S || p && m.role !== P : !1, T = () => {
+    if (!s && !p || !n)
+      return;
+    if (s && !E) {
+      v({ name: O.nameRequiredError });
+      return;
+    }
+    v({});
+    const e = {};
+    s && E !== S && (e.name = E);
+    const i = p && I.some((u) => u.id === m.role) ? m.role : void 0, l = i && i !== P ? { addRoleId: i, removeRoleId: P || void 0 } : void 0;
+    if (Object.keys(e).length === 0 && !l)
+      return;
+    const c = n.id;
+    t.mutate(
+      { path: { id: c }, body: e, roleChange: l },
+      {
+        onSuccess: () => {
+          C(q.MemberUpdated, { memberId: c }), f(void 0);
+        }
+      }
+    );
+  };
+  return {
+    isEditOpen: !!n,
+    editMemberName: n?.name ?? "",
+    editMemberEmail: n?.email ?? "",
+    editForm: m,
+    editErrors: N,
+    isSavingEdit: t.isPending,
+    isEditNameDisabled: !s || t.isPending,
+    isEditRoleDisabled: !p || t.isPending,
+    isEditSaveDisabled: !F || t.isPending,
+    editErrorMessage: t.isError ? O.editFailedError : void 0,
+    roleOptions: x(I),
+    openMemberEdit: U,
+    onEditOpenChange: D,
+    onEditFormChange: y,
+    onEditSubmit: T
+  };
+}
+export {
+  J as canEditMemberProfile,
+  L as canEditMemberRole,
+  ce as useMemberEdit
+};

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

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

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

@@ -0,0 +1,11 @@
+const e = {
+  success: "ttw:bg-[#ECFDF5] ttw:text-[#027A48]",
+  info: "ttw:bg-[#EFF8FF] ttw:text-[#175CD3]",
+  neutral: "ttw:bg-[#F2F4F7] ttw:text-[#344054]"
+}, w = "ttw:rounded ttw:border-transparent ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium";
+function n(t) {
+  return `${w} ${e[t]}`;
+}
+export {
+  n as statusToneClassName
+};

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

@@ -0,0 +1,151 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useRef as C, useEffect as z } from "react";
+import { ArrowLeftIcon as B, PencilIcon as S, UserXIcon as y } from "lucide-react";
+import { Button as c, Badge as D, Separator as m, Spinner as A } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as E } from "./index14.js";
+import { statusToneClassName as I } from "./index11.js";
+function l({ label: s, value: r }) {
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+    /* @__PURE__ */ t("dt", { className: "ttw:text-xs ttw:font-medium ttw:uppercase ttw:tracking-wide ttw:text-muted-foreground", children: s }),
+    /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:text-foreground", children: r })
+  ] });
+}
+function F({
+  name: s,
+  email: r,
+  initials: u,
+  roleCardTitle: f,
+  roleCardDescription: d,
+  roleCardIcon: b,
+  isRoleLoading: x = !1,
+  statusLabel: o,
+  statusTone: h,
+  lastSignInLabel: g,
+  departmentLabel: p,
+  locationLabel: N,
+  accountAccessLabel: v,
+  onBackClick: L,
+  onEditClick: i,
+  onDeactivateClick: n,
+  labels: k
+}) {
+  const a = { ...E, ...k }, w = C(null);
+  return z(() => {
+    w.current?.focus();
+  }, []), /* @__PURE__ */ e(
+    "section",
+    {
+      "aria-label": s,
+      className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-white ttw:p-4",
+      children: [
+        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
+          /* @__PURE__ */ e(
+            c,
+            {
+              ref: w,
+              variant: "ghost",
+              size: "sm",
+              onClick: L,
+              children: [
+                /* @__PURE__ */ t(B, { className: "ttw:size-4" }),
+                a.detailsBackButton
+              ]
+            }
+          ),
+          (i || n) && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            i && /* @__PURE__ */ e(c, { variant: "outline", size: "sm", onClick: i, children: [
+              /* @__PURE__ */ t(S, { "aria-hidden": !0, className: "ttw:size-4" }),
+              a.detailsEditButton
+            ] }),
+            n && /* @__PURE__ */ e(
+              c,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
+                onClick: n,
+                children: [
+                  /* @__PURE__ */ t(y, { "aria-hidden": !0, className: "ttw:size-4" }),
+                  a.detailsDeactivateButton
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("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:bg-muted ttw:text-sm ttw:font-semibold ttw:text-muted-foreground",
+              children: u
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ t("h3", { className: "ttw:text-lg ttw:font-semibold ttw:text-foreground", children: s }),
+            /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: r })
+          ] }),
+          /* @__PURE__ */ t(D, { className: `ttw:ml-auto ${I(h)}`, children: o })
+        ] }),
+        /* @__PURE__ */ t(m, { className: "ttw:my-4" }),
+        /* @__PURE__ */ e("div", { className: "ttw:mb-4", children: [
+          /* @__PURE__ */ t("h4", { className: "ttw:mb-1 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.rolesSectionHeading }),
+          /* @__PURE__ */ t("p", { className: "ttw:mb-4 ttw:text-sm ttw:text-muted-foreground", children: a.rolesSectionDescription }),
+          x ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
+            /* @__PURE__ */ t(A, { className: "ttw:size-4" }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.roleLoadingLabel })
+          ] }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:flex-col ttw:rounded-xl ttw:border ttw:border-border ttw:bg-white ttw:p-4", children: /* @__PURE__ */ e("span", { className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-3", children: [
+            /* @__PURE__ */ t(
+              b,
+              {
+                className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground",
+                "aria-hidden": !0
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1", children: [
+              /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-semibold ttw:text-foreground", children: f }),
+              d ? /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:leading-normal ttw:text-muted-foreground", children: d }) : null
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t(m, { className: "ttw:my-4" }),
+        /* @__PURE__ */ e("dl", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
+          /* @__PURE__ */ t(l, { label: a.detailsEmailLabel, value: r }),
+          /* @__PURE__ */ t(l, { label: a.detailsStatusLabel, value: o }),
+          /* @__PURE__ */ t(
+            l,
+            {
+              label: a.detailsLastSignInLabel,
+              value: g
+            }
+          ),
+          /* @__PURE__ */ t(
+            l,
+            {
+              label: a.detailsDepartmentLabel,
+              value: p
+            }
+          ),
+          /* @__PURE__ */ t(
+            l,
+            {
+              label: a.detailsLocationLabel,
+              value: N
+            }
+          ),
+          /* @__PURE__ */ t(
+            l,
+            {
+              label: a.detailsAccountAccessLabel,
+              value: v
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  F as TeamMemberDetails
+};

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Tabs as l, TabsList as b, TabsTrigger as c, TabsContent as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+function h({
+  tabs: n,
+  activeTabId: s,
+  onTabChange: r,
+  children: t
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      value: s,
+      onValueChange: r,
+      className: "ttw:w-full ttw:space-y-5",
+      children: [
+        /* @__PURE__ */ e(b, { children: n.map((a) => /* @__PURE__ */ e(c, { value: a.id, children: a.label }, a.id)) }),
+        /* @__PURE__ */ e(o, { value: s, children: t })
+      ]
+    }
+  );
+}
+export {
+  h as TeamTabs
+};

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

@@ -0,0 +1,61 @@
+const e = {
+  title: "Team",
+  nameColumn: "Name",
+  roleColumn: "Role",
+  departmentColumn: "Department",
+  statusColumn: "Status",
+  loadingLabel: "Loading team members",
+  emptyTitle: "No team members yet",
+  emptyDescription: "Team members will appear here once they join your organization.",
+  errorTitle: "Unable to load team members",
+  errorDescription: "Something went wrong while fetching your team. Please try again.",
+  rowsPerPageLabel: "Rows per page",
+  previousPageButton: "Previous",
+  nextPageButton: "Next",
+  detailsBackButton: "Back to team",
+  detailsEmailLabel: "Email",
+  detailsRoleLabel: "Role",
+  detailsStatusLabel: "Status",
+  detailsLastSignInLabel: "Last sign-in",
+  detailsDepartmentLabel: "Department",
+  detailsLocationLabel: "Location",
+  detailsAccountAccessLabel: "Account access",
+  rolesSectionHeading: "Roles and permissions",
+  rolesSectionDescription: "Specifies what the team member can do, including access to money movement, account data, and administrative actions.",
+  roleLoadingLabel: "Loading role…",
+  detailsEditButton: "Edit",
+  detailsDeactivateButton: "Deactivate",
+  inviteButton: "Add user",
+  inviteTitle: "Invite team member",
+  inviteBackToTeamButton: "Back to team management",
+  inviteDetailsSectionHeading: "Team member details",
+  inviteFirstNameLabel: "First name",
+  inviteLastNameLabel: "Last name",
+  inviteWorkEmailLabel: "Work email address",
+  inviteDepartmentLabel: "Department",
+  inviteDepartmentPlaceholder: "Select a department",
+  inviteDepartmentEmpty: "No departments available",
+  inviteLocationLabel: "Location",
+  inviteLocationPlaceholder: "Select a location",
+  inviteLocationEmpty: "No locations available",
+  inviteReportingManagerLabel: "Reporting manager",
+  inviteReportingManagerPlaceholder: "Select a reporting manager",
+  inviteReportingManagerEmpty: "No reporting managers available",
+  inviteOptionsLoading: "Loading…",
+  inviteOptionNone: "None",
+  inviteRoleSectionHeading: "Assign role",
+  inviteRoleSectionDescription: "Choose what this team member can do. Roles set access to money movement, account data, and administrative actions.",
+  inviteCancelButton: "Cancel",
+  inviteSubmitButton: "Send invite",
+  editTitle: "Edit team member",
+  editDescription: "Update the member's profile and role.",
+  editNameLabel: "Full name",
+  editRoleLabel: "Role",
+  editRolePlaceholder: "Select a role",
+  editCancelButton: "Cancel",
+  editSaveButton: "Save changes",
+  actionDialogCancelButton: "Cancel"
+};
+export {
+  e as DEFAULT_LABELS
+};

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

@@ -0,0 +1,42 @@
+"use client";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+const n = [
+  "ttw:bg-[#F97066] ttw:text-white",
+  "ttw:bg-[#2DD4BF] ttw:text-white",
+  "ttw:bg-[#34D399] ttw:text-white",
+  "ttw:bg-[#60A5FA] ttw:text-white",
+  "ttw:bg-[#A78BFA] ttw:text-white",
+  "ttw:bg-[#F472B6] ttw:text-white",
+  "ttw:bg-[#FBBF24] ttw:text-white"
+];
+function s(w) {
+  let t = 0;
+  for (let e = 0; e < w.length; e += 1)
+    t = (t + w.charCodeAt(e)) % n.length;
+  return n[t];
+}
+const l = "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 c({ items: w, overflowLabel: t, label: e }) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center", "aria-label": e, role: "group", children: [
+    w.map((i) => /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": !0,
+        className: `${l} ${s(i.initials || i.key)}`,
+        children: i.initials
+      },
+      i.key
+    )),
+    t ? /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": !0,
+        className: `${l} ttw:bg-muted ttw:text-muted-foreground`,
+        children: t
+      }
+    ) : null
+  ] });
+}
+export {
+  c as AvatarStack
+};