@tesouro/embedded-components-react 0.2.175 → 0.2.177

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/feature/dist/lib/useApproverOptions.js

@@ -1,58 +1,68 @@
 "use client";
-import { useCallback as f, useMemo as d } from "react";
+import { useMemo as b, useCallback as h } from "react";
 import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../../data-access/dist/lib/EmbedApiContext.js";
 import "../../../../data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../../../data-access/dist/lib/rest/zod.gen.js";
-import { useAllOrganizationRolesQuery as g } from "../../../../data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
-import { useAllOrganizationUsersQuery as b } from "../../../../data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
-import { sortRolesBySortOrdinal as k } from "../../../../../../shared/util-validation/dist/index22.js";
-function C(r) {
+import { useAllOrganizationRolesQuery as k } from "../../../../data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
+import { useRolePermissionsQueries as C } from "../../../../data-access/dist/lib/role/useRolePermissionsQueries.js";
+import { useAllOrganizationUsersQuery as v } from "../../../../data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
+import { sortRolesBySortOrdinal as I } from "../../../../../../shared/util-validation/dist/index22.js";
+const M = "payable:write:org";
+function O(r) {
   const o = r.status?.trim().toUpperCase() ?? "";
   return !!r.key?.trim() && (o === "ACTIVE" || o === "");
 }
-function O() {
-  const r = g(), o = b(), t = r.data?.data, a = o.data?.data, n = r.refetch, l = o.refetch, m = f(() => {
-    n(), l();
-  }, [n, l]);
-  return d(() => {
-    const s = [], i = /* @__PURE__ */ new Map();
-    for (const e of k(
-      (t ?? []).filter(C)
+function V() {
+  const r = k(), o = v(), s = r.data?.data, m = o.data?.data, E = b(() => (s ?? []).map((t) => t.id), [s]), i = C({
+    roleIds: E,
+    // Asking before the roster has finished paging would fan out over a partial
+    // list and settle as "resolved" while roles are still arriving.
+    enabled: !r.isResolving
+  }), p = r.refetch, u = o.refetch, d = i.refetch, c = h(() => {
+    p(), u(), d();
+  }, [p, u, d]), n = r.isResolving || o.isResolving || i.isResolving, f = i.byRoleId;
+  return b(() => {
+    const t = [], l = /* @__PURE__ */ new Map(), R = (e) => !n && !!f.get(e)?.has(M), g = new Map(
+      (s ?? []).filter((e) => e.key?.trim()).map((e) => [e.key.trim().toLowerCase(), e])
+    );
+    for (const e of I(
+      (s ?? []).filter(O)
     ))
-      s.push({ id: e.id, label: e.name, section: "roles" }), i.set(e.id, { label: e.name, kind: "role" });
-    const p = new Map(
-      (t ?? []).filter((e) => e.key?.trim()).map((e) => [e.key.trim().toLowerCase(), e.name])
-    ), u = [...a ?? []].sort(
-      (e, c) => e.name.localeCompare(c.name)
+      l.set(e.id, { label: e.name, kind: "role" }), R(e.id) && t.push({ id: e.id, label: e.name, section: "roles" });
+    const y = [...m ?? []].sort(
+      (e, a) => e.name.localeCompare(a.name)
     );
-    for (const e of u)
-      s.push({
+    for (const e of y) {
+      l.set(e.id, { label: e.name, kind: "user" });
+      const a = g.get(e.role?.trim().toLowerCase() ?? "");
+      !a || !R(a.id) || t.push({
         id: e.id,
         label: e.name,
-        // No sublabel rather than a raw role key when the role is unknown to
-        // the roster: `embedded:finance_admin` is worse than nothing.
-        sublabel: p.get(e.role?.trim().toLowerCase() ?? ""),
+        sublabel: a.name,
         section: "teamMembers"
-      }), i.set(e.id, { label: e.name, kind: "user" });
+      });
+    }
     return {
-      options: s,
-      lookup: i,
-      isResolving: r.isResolving || o.isResolving,
-      isError: r.isError || o.isError,
-      refetch: m
+      options: t,
+      lookup: l,
+      isResolving: n,
+      isError: r.isError || o.isError || i.isError,
+      refetch: c
     };
   }, [
-    t,
-    a,
+    s,
     m,
-    r.isResolving,
+    c,
+    n,
+    f,
     r.isError,
-    o.isResolving,
-    o.isError
+    o.isError,
+    i.isError
   ]);
 }
 export {
-  O as useApproverOptions
+  M as BILL_APPROVER_PERMISSION_KEY,
+  V as useApproverOptions
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index10.js

@@ -1,130 +1,53 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useMemo as N } from "react";
-import { Trash2 as y, Plus as S } from "lucide-react";
-import { Skeleton as c, Alert as A, AlertDescription as R, Typography as l, Button as m } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ApproverPicker as k } from "./index18.js";
-import { APPROVER_GROUPS_BUILDER_LABELS_EN as G } from "./index11.js";
-const D = ({
-  steps: i,
-  options: u,
-  onStepsChange: g,
-  onAddStep: v,
-  onRemoveStep: h,
-  errors: w,
-  addStepDisabled: b,
-  disabled: s,
-  isLoading: f,
-  error: p,
-  labels: n
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { Plus as c } from "lucide-react";
+import { Button as m, Typography as d, TooltipProvider as u, Tooltip as h, TooltipTrigger as w, TooltipContent as b } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalPoliciesHeaderDefaultLabels as f } from "./index11.js";
+const R = ({
+  onAddRule: l,
+  addRuleDisabled: a,
+  addRuleDisabledReason: s,
+  labels: r,
+  headingComponent: n = "h1"
 }) => {
-  const r = N(
-    () => ({ ...G, ...n }),
-    [n]
-  );
-  if (f)
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        "data-testid": "approver-groups-builder-loading",
-        className: "ttw:flex ttw:flex-col ttw:gap-3",
-        children: [
-          /* @__PURE__ */ t("span", { className: "ttw:sr-only", children: r.LoadingMessage }),
-          [0, 1].map((e) => /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-            /* @__PURE__ */ t(c, { width: 36, height: 16 }),
-            /* @__PURE__ */ t(c, { height: 36, className: "ttw:flex-1" })
-          ] }, e))
-        ]
-      }
-    );
-  if (p)
-    return /* @__PURE__ */ t(A, { variant: "destructive", "data-testid": "approver-groups-builder-error", children: /* @__PURE__ */ t(R, { children: p }) });
-  const x = (e, d) => {
-    g(
-      i.map(
-        (a) => a.id === e ? { ...a, selectedItems: d } : a
-      )
-    );
-  };
-  return /* @__PURE__ */ o(
-    "div",
+  const o = p(
+    () => ({ ...f, ...r }),
+    [r]
+  ), i = l ? /* @__PURE__ */ e(
+    m,
     {
-      "data-testid": "approver-groups-builder",
-      className: "ttw:flex ttw:flex-col ttw:gap-3",
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      onClick: l,
+      disabled: a,
+      "data-testid": "approval-policies-add-rule-button",
+      className: "ttw:shrink-0",
       children: [
-        /* @__PURE__ */ t(
-          l,
-          {
-            "data-testid": "approver-groups-builder-description",
-            variant: "body2",
-            color: "muted",
-            className: "ttw:font-medium",
-            children: r.Description
-          }
-        ),
-        i.length === 0 ? /* @__PURE__ */ t(
-          l,
-          {
-            "data-testid": "approver-groups-builder-empty",
-            variant: "body2",
-            color: "muted",
-            children: r.EmptyStateMessage
-          }
-        ) : i.map((e, d) => /* @__PURE__ */ o(
-          "div",
-          {
-            "data-testid": `approver-group-${e.id}`,
-            className: "ttw:grid ttw:grid-cols-[3rem_minmax(0,1fr)_auto] ttw:items-center ttw:gap-2",
-            children: [
-              /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:font-medium", children: d === 0 ? r.FirstGroupConnector : r.GroupConnector }),
-              /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: /* @__PURE__ */ t(
-                k,
-                {
-                  value: e.selectedItems,
-                  options: u,
-                  lockedSections: e.lockedSections,
-                  onChange: (a) => x(e.id, a),
-                  disabled: s,
-                  error: w?.steps?.[e.id],
-                  labels: r,
-                  testId: `approver-group-picker-${e.id}`
-                }
-              ) }),
-              i.length > 1 ? /* @__PURE__ */ t(
-                m,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  "aria-label": r.RemoveGroupAriaLabel,
-                  onClick: () => h(e.id),
-                  disabled: s,
-                  "data-testid": `approver-group-remove-${e.id}`,
-                  children: /* @__PURE__ */ t(y, {})
-                }
-              ) : null
-            ]
-          },
-          e.id
-        )),
-        /* @__PURE__ */ o(
-          m,
-          {
-            type: "button",
-            variant: "ghost",
-            onClick: v,
-            disabled: s || b,
-            "data-testid": "approver-groups-add-button",
-            className: "ttw:w-fit ttw:px-0",
-            children: [
-              /* @__PURE__ */ t(S, {}),
-              r.AddGroupButton
-            ]
-          }
-        )
+        /* @__PURE__ */ t(c, {}),
+        o.AddRule
       ]
     }
-  );
+  ) : null;
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ t(d, { variant: "h3", component: n, children: o.Title }),
+      /* @__PURE__ */ t(d, { variant: "body2", color: "muted", children: o.Description })
+    ] }),
+    i && a && s ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(h, { children: [
+      /* @__PURE__ */ t(w, { asChild: !0, children: /* @__PURE__ */ t(
+        "span",
+        {
+          tabIndex: 0,
+          className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-not-allowed ttw:rounded-md",
+          "data-testid": "approval-policies-add-rule-blocked",
+          children: i
+        }
+      ) }),
+      /* @__PURE__ */ t(b, { side: "top", children: s })
+    ] }) }) : i
+  ] });
 };
 export {
-  D as ApproverGroupsBuilder
+  R as ApprovalPoliciesHeader
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index11.js

@@ -1,20 +1,8 @@
 const e = {
-  FirstGroupConnector: "From",
-  GroupConnector: "And",
-  Description: "Then require approval…",
-  ApproverConnector: "or",
-  AddGroupButton: "Add approval",
-  RemoveGroupAriaLabel: "Remove approval step",
-  RemoveApproverAriaLabel: "Remove {name}",
-  ChoosePlaceholder: "Type to search or click to select team members",
-  RolesSectionHeading: "Roles",
-  TeamMembersSectionHeading: "Team members",
-  OrDividerLabel: "Or",
-  NoOptionsMessage: "No approvers available.",
-  NoResultsMessage: "No matches found.",
-  EmptyStateMessage: "No approval steps yet.",
-  LoadingMessage: "Loading approvers…"
+  Title: "Approval policies",
+  AddRule: "Add rule",
+  Description: "Set the rules and conditions under which bills require approval before payment. Policies are applied automatically when a bill matches their conditions."
 };
 export {
-  e as APPROVER_GROUPS_BUILDER_LABELS_EN
+  e as ApprovalPoliciesHeaderDefaultLabels
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index12.js

@@ -1,170 +1,131 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { useMemo as I, Fragment as h } from "react";
-import { SquarePen as L, Trash2 as M } from "lucide-react";
-import { Button as d, Typography as n, TooltipProvider as $, Tooltip as q, TooltipTrigger as z, TooltipContent as O, Badge as U } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { AmountConditionBuilder as H } from "./index2.js";
-import { ApproverGroupsBuilder as J } from "./index10.js";
-import { PolicyCardDefaultLabels as p } from "./index13.js";
-const _ = ({
-  id: o,
-  title: f,
-  sentence: x,
-  approverSteps: c,
-  approverOptions: g,
-  amountCondition: C,
-  onAmountConditionChange: A,
-  onAmountFieldBlur: y,
-  amountConditionErrors: S,
-  onApproverStepsChange: B,
-  onAddApproverStep: N,
-  onRemoveApproverStep: D,
-  approverErrors: P,
-  addApproverStepDisabled: T,
-  isEditing: s,
-  onEdit: E,
-  onCancel: G,
-  onSave: k,
-  onDelete: u,
-  saveDisabled: m,
-  saveDisabledReasons: w,
-  disabled: a,
-  labels: l
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useMemo as N } from "react";
+import { Trash2 as k, Plus as y } from "lucide-react";
+import { Skeleton as c, Alert as S, AlertDescription as A, Typography as l, Button as m } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApproverPicker as R } from "./index20.js";
+import { APPROVER_GROUPS_BUILDER_LABELS_EN as G } from "./index13.js";
+const O = ({
+  steps: i,
+  options: u,
+  onStepsChange: g,
+  onAddStep: v,
+  onRemoveStep: h,
+  errors: w,
+  addStepDisabled: b,
+  disabled: s,
+  isLoading: f,
+  error: p,
+  labels: n
 }) => {
-  const r = I(
-    () => ({
-      ...p,
-      ...l,
-      AmountConditionBuilder: {
-        ...p.AmountConditionBuilder,
-        ...l?.AmountConditionBuilder
-      },
-      ApproverGroupsBuilder: {
-        ...p.ApproverGroupsBuilder,
-        ...l?.ApproverGroupsBuilder
+  const r = N(
+    () => ({ ...G, ...n }),
+    [n]
+  );
+  if (f)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        "data-testid": "approver-groups-builder-loading",
+        className: "ttw:flex ttw:flex-col ttw:gap-3",
+        children: [
+          /* @__PURE__ */ t("span", { className: "ttw:sr-only", children: r.LoadingMessage }),
+          [0, 1].map((e) => /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ t(c, { width: 36, height: 16 }),
+            /* @__PURE__ */ t(c, { height: 36, className: "ttw:flex-1" })
+          ] }, e))
+        ]
       }
-    }),
-    [l]
-  ), v = /* @__PURE__ */ t(
-    d,
-    {
-      type: "button",
-      onClick: k,
-      disabled: a || m,
-      "data-testid": `policy-card-save-button-${o}`,
-      children: r.Save
-    }
-  ), j = {
-    steps: c,
-    options: g,
-    onStepsChange: B,
-    onAddStep: N,
-    onRemoveStep: D,
-    errors: P,
-    addStepDisabled: T,
-    disabled: a,
-    labels: r.ApproverGroupsBuilder
+    );
+  if (p)
+    return /* @__PURE__ */ t(S, { variant: "destructive", "data-testid": "approver-groups-builder-error", children: /* @__PURE__ */ t(A, { children: p }) });
+  const x = (e, d) => {
+    g(
+      i.map(
+        (o) => o.id === e ? { ...o, selectedItems: d } : o
+      )
+    );
   };
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     "div",
     {
-      "data-testid": `policy-card-${o}`,
-      className: `ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:bg-card ttw:p-6 ${s ? "ttw:border-primary" : "ttw:border-border"}`,
+      "data-testid": "approver-groups-builder",
+      className: "ttw:flex ttw:flex-col ttw:gap-3",
       children: [
-        s ? null : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4", children: [
-          /* @__PURE__ */ t(n, { variant: "body1", children: f }),
-          /* @__PURE__ */ t(
-            d,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon-sm",
-              "aria-label": r.EditAriaLabel,
-              onClick: E,
-              disabled: a,
-              "data-testid": `policy-card-edit-button-${o}`,
-              children: /* @__PURE__ */ t(L, {})
-            }
-          )
-        ] }),
-        s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ t(
-            H,
-            {
-              value: C,
-              onChange: A,
-              onFieldBlur: y,
-              errors: S,
-              disabled: a,
-              labels: r.AmountConditionBuilder
-            }
-          ),
-          /* @__PURE__ */ t(J, { ...j }),
-          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-4 ttw:pt-2", children: [
-            u ? /* @__PURE__ */ e(
-              d,
-              {
-                type: "button",
-                variant: "ghost",
-                onClick: u,
-                disabled: a,
-                className: "ttw:w-fit ttw:px-0 ttw:text-destructive ttw:hover:text-destructive",
-                "data-testid": `policy-card-delete-button-${o}`,
-                children: [
-                  /* @__PURE__ */ t(M, {}),
-                  r.Delete
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ e("div", { className: "ttw:ml-auto ttw:flex ttw:items-center ttw:gap-2", children: [
-              /* @__PURE__ */ t(
-                d,
+        /* @__PURE__ */ t(
+          l,
+          {
+            "data-testid": "approver-groups-builder-description",
+            variant: "body2",
+            color: "muted",
+            className: "ttw:font-medium",
+            children: r.Description
+          }
+        ),
+        i.length === 0 ? /* @__PURE__ */ t(
+          l,
+          {
+            "data-testid": "approver-groups-builder-empty",
+            variant: "body2",
+            color: "muted",
+            children: r.EmptyStateMessage
+          }
+        ) : i.map((e, d) => /* @__PURE__ */ a(
+          "div",
+          {
+            "data-testid": `approver-group-${e.id}`,
+            className: "ttw:grid ttw:grid-cols-[3rem_minmax(0,1fr)_auto] ttw:items-center ttw:gap-2",
+            children: [
+              /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:font-medium", children: d === 0 ? r.FirstGroupConnector : r.GroupConnector }),
+              /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: /* @__PURE__ */ t(
+                R,
+                {
+                  value: e.selectedItems,
+                  options: u,
+                  lockedSections: e.lockedSections,
+                  lockedOptions: e.lockedOptions,
+                  onChange: (o) => x(e.id, o),
+                  disabled: s,
+                  error: w?.steps?.[e.id],
+                  labels: r,
+                  testId: `approver-group-picker-${e.id}`
+                }
+              ) }),
+              i.length > 1 ? /* @__PURE__ */ t(
+                m,
                 {
                   type: "button",
-                  variant: "outline",
-                  onClick: G,
-                  disabled: a,
-                  "data-testid": `policy-card-cancel-button-${o}`,
-                  children: r.Cancel
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": r.RemoveGroupAriaLabel,
+                  onClick: () => h(e.id),
+                  disabled: s,
+                  "data-testid": `approver-group-remove-${e.id}`,
+                  children: /* @__PURE__ */ t(k, {})
                 }
-              ),
-              m && w?.length ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ e(q, { children: [
-                /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(
-                  "span",
-                  {
-                    tabIndex: 0,
-                    className: "ttw:inline-flex ttw:cursor-not-allowed ttw:rounded-md",
-                    "data-testid": `policy-card-save-blocked-${o}`,
-                    children: v
-                  }
-                ) }),
-                /* @__PURE__ */ t(
-                  O,
-                  {
-                    side: "top",
-                    className: "ttw:flex ttw:flex-col ttw:gap-1",
-                    children: w.map((i) => /* @__PURE__ */ t("span", { children: i }, i))
-                  }
-                )
-              ] }) }) : v
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: x }),
-          c.map((i, F) => /* @__PURE__ */ e(h, { children: [
-            F > 0 ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:pl-1", children: [
-              /* @__PURE__ */ t(n, { variant: "caption", color: "muted", children: r.GroupConnector }),
-              /* @__PURE__ */ t("div", { className: "ttw:h-px ttw:flex-1 ttw:bg-border" })
-            ] }) : null,
-            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1.5", children: i.selectedItems.map((b, R) => /* @__PURE__ */ e(h, { children: [
-              R > 0 ? /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: r.ApproverConnector }) : null,
-              /* @__PURE__ */ t(U, { variant: "outline", children: b.label })
-            ] }, b.id)) })
-          ] }, i.id))
-        ] })
+              ) : null
+            ]
+          },
+          e.id
+        )),
+        /* @__PURE__ */ a(
+          m,
+          {
+            type: "button",
+            variant: "link",
+            onClick: v,
+            disabled: s || b,
+            "data-testid": "approver-groups-add-button",
+            className: "ttw:w-fit ttw:px-0",
+            children: [
+              /* @__PURE__ */ t(y, {}),
+              r.AddGroupButton
+            ]
+          }
+        )
       ]
     }
   );
 };
 export {
-  _ as PolicyCard
+  O as ApproverGroupsBuilder
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index13.js

@@ -1,15 +1,20 @@
-import { AmountConditionBuilderDefaultLabels as e } from "./index3.js";
-import { APPROVER_GROUPS_BUILDER_LABELS_EN as o } from "./index11.js";
-const l = {
-  EditAriaLabel: "Edit rule",
-  Delete: "Delete",
-  Cancel: "Cancel",
-  Save: "Save",
-  ApproverConnector: "or",
+const e = {
+  FirstGroupConnector: "From",
   GroupConnector: "And",
-  AmountConditionBuilder: e,
-  ApproverGroupsBuilder: o
+  Description: "Then require approval…",
+  ApproverConnector: "or",
+  AddGroupButton: "Add approval",
+  RemoveGroupAriaLabel: "Remove approval step",
+  RemoveApproverAriaLabel: "Remove {name}",
+  ChoosePlaceholder: "Type to search or click to select team members",
+  RolesSectionHeading: "Roles",
+  TeamMembersSectionHeading: "Team members",
+  OrDividerLabel: "Or",
+  NoOptionsMessage: "No approvers available.",
+  NoResultsMessage: "No matches found.",
+  EmptyStateMessage: "No approval steps yet.",
+  LoadingMessage: "Loading approvers…"
 };
 export {
-  l as PolicyCardDefaultLabels
+  e as APPROVER_GROUPS_BUILDER_LABELS_EN
 };