@tesouro/embedded-components-react 0.2.175 → 0.2.176

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

@@ -1,16 +1,31 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { PlusIcon as i } from "lucide-react";
-import { Typography as a, Button as d } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { NoPolicyBannerDefaultLabels as c } from "./index5.js";
-const x = ({
-  onCreateRule: l,
-  disabled: s,
-  labels: o
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { PlusIcon as m } from "lucide-react";
+import { Button as p, Typography as s, TooltipProvider as u, Tooltip as w, TooltipTrigger as b, TooltipContent as h } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { NoPolicyBannerDefaultLabels as x } from "./index5.js";
+const g = ({
+  onCreateRule: d,
+  disabled: l,
+  createRuleDisabledReason: a,
+  hasUnlistedRules: r,
+  labels: i
 }) => {
-  const e = n(
-    () => ({ ...c, ...o }),
-    [o]
+  const e = c(
+    () => ({ ...x, ...i }),
+    [i]
+  ), n = /* @__PURE__ */ o(
+    p,
+    {
+      type: "button",
+      onClick: d,
+      disabled: l,
+      "data-testid": "no-policy-banner-create-rule-button",
+      className: "ttw:mt-2",
+      children: [
+        /* @__PURE__ */ t(m, {}),
+        e.CreateRule
+      ]
+    }
   );
   return (
     // Same card chrome as a policy card: the empty state sits on the host
@@ -20,27 +35,26 @@ const x = ({
       {
         "data-testid": "no-policy-banner",
         className: "ttw:w-full ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:py-10",
-        children: /* @__PURE__ */ r("div", { className: "ttw:mx-auto ttw:flex ttw:max-w-[600px] ttw:flex-col ttw:items-center ttw:gap-2 ttw:px-6", children: [
-          /* @__PURE__ */ t(a, { variant: "h5", children: e.Title }),
-          /* @__PURE__ */ t(a, { variant: "body2", color: "muted", className: "ttw:text-center", children: e.Body }),
-          /* @__PURE__ */ r(
-            d,
-            {
-              type: "button",
-              onClick: l,
-              disabled: s,
-              className: "ttw:mt-2",
-              children: [
-                /* @__PURE__ */ t(i, {}),
-                e.CreateRule
-              ]
-            }
-          )
+        children: /* @__PURE__ */ o("div", { className: "ttw:mx-auto ttw:flex ttw:max-w-[600px] ttw:flex-col ttw:items-center ttw:gap-2 ttw:px-6", children: [
+          /* @__PURE__ */ t(s, { variant: "h5", children: r ? e.TitleWithUnlistedRules : e.Title }),
+          /* @__PURE__ */ t(s, { variant: "body2", color: "muted", className: "ttw:text-center", children: r ? e.BodyWithUnlistedRules : e.Body }),
+          l && a ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ o(w, { children: [
+            /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t(
+              "span",
+              {
+                tabIndex: 0,
+                className: "ttw:inline-flex ttw:cursor-not-allowed ttw:rounded-md",
+                "data-testid": "no-policy-banner-create-rule-blocked",
+                children: n
+              }
+            ) }),
+            /* @__PURE__ */ t(h, { side: "top", children: a })
+          ] }) }) : n
         ] })
       }
     )
   );
 };
 export {
-  x as NoPolicyBanner
+  g as NoPolicyBanner
 };

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

@@ -1,6 +1,8 @@
 const e = {
   Title: "No rules created yet",
   Body: "Without approval rules in place, or if a gap in coverage exists, a company admin approval will be required.",
+  TitleWithUnlistedRules: "No rules to show here",
+  BodyWithUnlistedRules: "Where no rule covers a bill amount, a company admin approval will be required.",
   CreateRule: "Create rule"
 };
 export {

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

@@ -1,16 +1,17 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { Info as d, ArrowRight as w } from "lucide-react";
-import { GapCoverageAlertDefaultLabels as c } from "./index7.js";
-const u = ({
-  gaps: s,
-  onSelectGap: i,
-  disabled: o,
-  labels: r
+import { useMemo as d } from "react";
+import { Info as c, ArrowRight as p } from "lucide-react";
+import { TooltipProvider as w, Tooltip as m, TooltipTrigger as g, TooltipContent as b } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { GapCoverageAlertDefaultLabels as h } from "./index7.js";
+const k = ({
+  gaps: r,
+  onSelectGap: s,
+  disabled: n,
+  labels: l
 }) => {
-  const l = n(
-    () => ({ ...c, ...r }),
-    [r]
+  const i = d(
+    () => ({ ...h, ...l }),
+    [l]
   );
   return (
     // Hand-laid out rather than built on the shared `Alert`: that component's
@@ -25,28 +26,43 @@ const u = ({
         className: "ttw:w-full ttw:rounded-lg ttw:border ttw:border-orange-400 ttw:bg-orange-50 ttw:px-4 ttw:py-3 ttw:text-sm ttw:text-orange-950",
         children: [
           /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-            /* @__PURE__ */ t(d, { "aria-hidden": "true", className: "ttw:size-4 ttw:shrink-0" }),
-            /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: l.Title })
+            /* @__PURE__ */ t(c, { "aria-hidden": "true", className: "ttw:size-4 ttw:shrink-0" }),
+            /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: i.Title })
           ] }),
-          /* @__PURE__ */ t("ul", { className: "ttw:my-1.5 ttw:list-disc ttw:space-y-1 ttw:pl-7", children: s.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-primary ttw:disabled:pointer-events-none ttw:disabled:opacity-60 hover:ttw:underline",
-              disabled: o,
-              onClick: () => i(e.id),
-              children: [
-                e.label,
-                /* @__PURE__ */ t(w, { className: "ttw:size-3" })
-              ]
-            }
-          ) }, e.id)) }),
-          /* @__PURE__ */ t("p", { children: l.Footer })
+          /* @__PURE__ */ t("ul", { className: "ttw:my-1.5 ttw:list-disc ttw:space-y-1 ttw:pl-7", children: r.map((e) => {
+            const o = /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-primary ttw:disabled:pointer-events-none ttw:disabled:opacity-60 hover:ttw:underline",
+                disabled: n || e.blockedReason !== void 0,
+                onClick: () => s(e.id),
+                "data-testid": `gap-coverage-link-${e.id}`,
+                children: [
+                  e.label,
+                  /* @__PURE__ */ t(p, { className: "ttw:size-3" })
+                ]
+              }
+            );
+            return /* @__PURE__ */ t("li", { children: e.blockedReason ? /* @__PURE__ */ t(w, { children: /* @__PURE__ */ a(m, { children: [
+              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
+                "span",
+                {
+                  tabIndex: 0,
+                  className: "ttw:inline-flex ttw:cursor-not-allowed",
+                  "data-testid": `gap-coverage-link-blocked-${e.id}`,
+                  children: o
+                }
+              ) }),
+              /* @__PURE__ */ t(b, { side: "top", children: e.blockedReason })
+            ] }) }) : o }, e.id);
+          }) }),
+          /* @__PURE__ */ t("p", { children: i.Footer })
         ]
       }
     )
   );
 };
 export {
-  u as GapCoverageAlert
+  k as GapCoverageAlert
 };

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

@@ -1,41 +1,37 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { Plus as d } from "lucide-react";
-import { Typography as l, Button as p } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ApprovalPoliciesHeaderDefaultLabels as m } from "./index9.js";
-const w = ({
-  onAddRule: o,
-  addRuleDisabled: s,
-  labels: i,
-  headingComponent: r = "h1"
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { Info as n } from "lucide-react";
+import { UnlistedPoliciesNoticeDefaultLabels as a } from "./index9.js";
+const u = ({
+  heading: i,
+  showAmountsBlocked: l,
+  showStillApply: r,
+  labels: o
 }) => {
-  const t = n(
-    () => ({ ...m, ...i }),
-    [i]
+  const t = d(
+    () => ({ ...a, ...o }),
+    [o]
+  );
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-testid": "unlisted-policies-notice",
+      role: "status",
+      className: "ttw:w-full ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted ttw:px-4 ttw:py-3 ttw:text-sm ttw:text-muted-foreground",
+      children: [
+        /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-foreground", children: [
+          /* @__PURE__ */ e(n, { "aria-hidden": "true", className: "ttw:size-4 ttw:shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "ttw:font-medium", children: i })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "ttw:mt-1 ttw:pl-6", children: [
+          t.Description,
+          r ? t.StillApply : void 0,
+          l ? t.AmountsBlocked : void 0
+        ].filter(Boolean).join(" ") })
+      ]
+    }
   );
-  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__ */ a(l, { variant: "h3", component: r, children: t.Title }),
-      /* @__PURE__ */ a(l, { variant: "body2", color: "muted", children: t.Description })
-    ] }),
-    o ? /* @__PURE__ */ e(
-      p,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: o,
-        disabled: s,
-        "data-testid": "approval-policies-add-rule-button",
-        className: "ttw:shrink-0",
-        children: [
-          /* @__PURE__ */ a(d, {}),
-          t.AddRule
-        ]
-      }
-    ) : null
-  ] });
 };
 export {
-  w as ApprovalPoliciesHeader
+  u as UnlistedPoliciesNotice
 };

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

@@ -1,8 +1,8 @@
 const e = {
-  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."
+  Description: "They were created outside this editor, so they can’t be shown or edited here.",
+  StillApply: "They still apply to bills.",
+  AmountsBlocked: "A new rule can’t overlap the amounts they cover."
 };
 export {
-  e as ApprovalPoliciesHeaderDefaultLabels
+  e as UnlistedPoliciesNoticeDefaultLabels
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/util/dist/lib/validatePolicyDraft.js

@@ -1,32 +1,52 @@
-import { amountConditionsOverlap as v } from "./amountCoverage.js";
-import { parseAmountInputToMinorUnits as u } from "./amountInput.js";
-import { amountConditionFromBounds as m } from "./policyTrigger.js";
-const t = {
+import { amountConditionsOverlap as U } from "./amountCoverage.js";
+import { parseAmountInputToMinorUnits as v } from "./amountInput.js";
+import { amountConditionFromBounds as y } from "./policyTrigger.js";
+const p = {
   /** Not a non-negative amount. */
   Invalid: "invalid",
   /** Upper bound is below the lower bound. */
   LowerAboveUpper: "lowerAboveUpper",
   /** The range collides with another policy's range. */
-  Overlap: "overlap"
-}, d = {
+  Overlap: "overlap",
+  /**
+   * The range collides with a policy that claims a range but is not on screen.
+   * Separate from `Overlap` because the two need different copy: "overlaps
+   * another rule" is a dead end when the user can count the rules in front of
+   * them and none of them do.
+   */
+  OverlapUnlisted: "overlapUnlisted"
+}, m = {
   /** An approval group with no approvers would approve nothing. */
-  Empty: "empty"
+  Empty: "empty",
+  /**
+   * An approver already required by another step or another rule. Naming one
+   * twice does not add an approval — the same person or role satisfies both.
+   */
+  DuplicateApprover: "duplicateApprover"
 };
-function g(r) {
-  const e = u(r.amount.lower), i = u(r.amount.upper), o = {};
-  e.status === "invalid" && (o.lower = t.Invalid), i.status === "invalid" && (o.upper = t.Invalid);
-  const p = e.status === "ok" ? e.minorUnits : void 0, s = i.status === "ok" ? i.minorUnits : void 0, l = m(p, s);
-  p !== void 0 && s !== void 0 && s < p && (o.upper = t.LowerAboveUpper), !(o.lower ?? o.upper) && r.otherConditions.some(
-    (n) => v(l, n)
-  ) && (o.lower = t.Overlap, o.upper = t.Overlap);
-  const a = {};
-  for (const n of r.groups)
-    n.approverIds.length === 0 && (a[n.id] = d.Empty);
-  return { isValid: Object.keys(o).length === 0 && Object.keys(a).length === 0 && // No auto-approve, ever: a policy always requires at least one group.
-  r.groups.length > 0, condition: l, amountErrors: o, groupErrors: a };
+function I(t) {
+  const n = v(t.amount.lower), s = v(t.amount.upper), o = {};
+  n.status === "invalid" && (o.lower = p.Invalid), s.status === "invalid" && (o.upper = p.Invalid);
+  const a = n.status === "ok" ? n.minorUnits : void 0, l = s.status === "ok" ? s.minorUnits : void 0, d = y(a, l);
+  if (a !== void 0 && l !== void 0 && l < a && (o.upper = p.LowerAboveUpper), !(o.lower ?? o.upper)) {
+    const r = (c) => c.some((f) => U(d, f)), e = r(t.otherConditions) ? p.Overlap : r(t.unlistedConditions ?? []) ? p.OverlapUnlisted : void 0;
+    e && (o.lower = e, o.upper = e);
+  }
+  const i = {}, u = new Set(t.approverIdsUsedByOtherRules ?? []);
+  for (const r of t.groups) {
+    if (r.approverIds.length === 0) {
+      i[r.id] = m.Empty;
+      continue;
+    }
+    r.approverIds.some((e) => u.has(e)) && (i[r.id] = m.DuplicateApprover);
+    for (const e of r.approverIds)
+      u.add(e);
+  }
+  return { isValid: Object.keys(o).length === 0 && Object.keys(i).length === 0 && // No auto-approve, ever: a policy always requires at least one group.
+  t.groups.length > 0, condition: d, amountErrors: o, groupErrors: i };
 }
 export {
-  t as PolicyAmountError,
-  d as PolicyGroupError,
-  g as validatePolicyDraft
+  p as PolicyAmountError,
+  m as PolicyGroupError,
+  I as validatePolicyDraft
 };