@tesouro/embedded-components-react 0.2.66 → 0.2.70

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js

@@ -1,52 +1,55 @@
 "use client";
-import { jsx as R, jsxs as ae, Fragment as le } from "react/jsx-runtime";
-import { useEffect as q, useMemo as P, useState as C } from "react";
+import { jsx as R, jsxs as le, Fragment as me } from "react/jsx-runtime";
+import { useEffect as q, useMemo as P, useState as L } 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 { Scope as me } from "../../../../shared/data-access/dist/lib/scopes.js";
-import { useAllOrganizationRolesQuery as se } from "../../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
+import { Scope as se } from "../../../../shared/data-access/dist/lib/scopes.js";
+import { useAllOrganizationRolesQuery as ue } from "../../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmbeddedToaster as ue } from "../../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import { EmbeddedToaster as pe } from "../../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { ErrorState as j } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { ErrorState as V } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as pe } from "../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as de } from "../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as de } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { useAnalyticsTrack as ce } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
-import { ExpenseApprovalPoliciesAnalyticsEvent as fe } from "./analytics/events.js";
-import { ApprovalOutcomeType as O, AmountConditionType as l } from "../../../ui/dist/index2.js";
-import { ApprovalRuleToastLabels as U } from "../../../ui/dist/index3.js";
-import { ExpenseApprovalsPage as Ae } from "../../../ui/dist/index8.js";
-import { useApprovalPolicies as be } from "./useApprovalPolicies.js";
-import { ApproverOptionLabels as d, PermissionErrorLabels as L, ValidationErrorLabels as g } from "./labels.js";
-import { toast as V } from "sonner";
-const $ = {
+import { useWidgetConfig as ce } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as fe } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ExpenseApprovalPoliciesAnalyticsEvent as Ae } from "./analytics/events.js";
+import { ApprovalOutcomeType as M, AmountConditionType as l } from "../../../ui/dist/index2.js";
+import { ApprovalRuleToastLabels as j } from "../../../ui/dist/index3.js";
+import { ExpenseApprovalsPage as be } from "../../../ui/dist/index8.js";
+import { useApprovalPolicies as ge } from "./useApprovalPolicies.js";
+import { ApproverOptionLabels as d, PermissionErrorLabels as $, ValidationErrorLabels as g } from "./labels.js";
+import { toast as U } from "sonner";
+const w = {
   minAmount: "",
   maxAmount: "",
-  outcome: O.AutoApprove,
+  outcome: M.AutoApprove,
   approvers: []
 };
-function M(e, t) {
-  const o = (e ?? "").trim().toLowerCase();
-  return o === t || o === `embedded:${t}`;
+function x(e, t) {
+  const n = (e ?? "").trim().toLowerCase();
+  return n === t || n === `embedded:${t}`;
 }
 function z(e, t) {
-  return (e ?? "").toLowerCase().split(":").map((o) => o.trim()).filter(Boolean).some((o) => o === t);
+  return (e ?? "").toLowerCase().split(":").map((n) => n.trim()).filter(Boolean).some((n) => n === t);
 }
-function ge(e) {
+function G(e) {
+  return x(e, "cfo") || x(e, "finance_admin") || x(e, "finance-admin");
+}
+function Re(e) {
   const t = e.find(
-    (r) => r.isSystemRole === !0 && M(r.key, "admin")
-  ), o = e.find(
-    (r) => r.isSystemRole === !0 && M(r.key, "cfo")
-  ), n = e.filter(
-    (r) => r.isSystemRole === !0 && r !== t && r !== o && // Namespace-agnostic: hide employee/bookkeeper in any namespace.
+    (r) => r.isSystemRole === !0 && x(r.key, "admin")
+  ), n = e.find(
+    (r) => r.isSystemRole === !0 && G(r.key)
+  ), o = e.filter(
+    (r) => r.isSystemRole === !0 && r !== t && r !== n && // Namespace-agnostic: hide employee/bookkeeper in any namespace.
     !z(r.key, "employee") && !z(r.key, "bookkeeper")
   ).map((r) => ({ id: r.id, label: r.name })), i = e.filter((r) => !r.isSystemRole && r.status?.toLowerCase() === "active").map((r) => ({ id: r.id, label: r.name }));
   return [
@@ -62,71 +65,71 @@ function ge(e) {
       label: d.ReportingManagerLabel,
       sublabel: d.ReportingManagerSublabel
     },
-    ...o ? [
+    ...n ? [
       {
-        id: o.id,
+        id: n.id,
         label: d.CfoLabel,
         sublabel: d.CfoSublabel
       }
     ] : [],
-    ...n,
+    ...o,
     ...i
   ];
 }
-function G(e) {
-  const t = e.minAmount.trim() !== "", o = e.maxAmount.trim() !== "";
-  return t && o ? l.InRange : t ? l.GreaterThanOrEqual : o ? l.LessThan : l.All;
+function W(e) {
+  const t = e.minAmount.trim() !== "", n = e.maxAmount.trim() !== "";
+  return t && n ? l.InRange : t ? l.GreaterThanOrEqual : n ? l.LessThan : l.All;
 }
-function F(e) {
-  const t = e.conditionType === l.LessThan || e.conditionType === l.All ? 0 : e.minAmount ?? 0, o = e.conditionType === l.GreaterThanOrEqual || e.conditionType === l.All ? 1 / 0 : e.maxAmount ?? 0;
-  return [t, o];
+function O(e) {
+  const t = e.conditionType === l.LessThan || e.conditionType === l.All ? 0 : e.minAmount ?? 0, n = e.conditionType === l.GreaterThanOrEqual || e.conditionType === l.All ? 1 / 0 : e.maxAmount ?? 0;
+  return [t, n];
 }
-function Re(e) {
+function ve(e) {
   if (e.length === 0) return !1;
-  const t = e.map(F).sort((n, i) => n[0] - i[0]);
+  const t = e.map(O).sort((o, i) => o[0] - i[0]);
   if (t[0][0] > 0) return !1;
-  let o = 0;
-  for (const [n, i] of t) {
-    if (n > o) return !1;
-    o = Math.max(o, i);
+  let n = 0;
+  for (const [o, i] of t) {
+    if (o > n) return !1;
+    n = Math.max(n, i);
   }
-  return o === 1 / 0;
+  return n === 1 / 0;
 }
-function ve(e) {
+function ye(e) {
   if (e.length === 0) return [];
-  const t = e.map(F).sort((i, r) => i[0] - r[0]), o = [];
-  let n = 0;
+  const t = e.map(O).sort((i, r) => i[0] - r[0]), n = [];
+  let o = 0;
   for (const [i, r] of t)
-    i > n && o.push({ from: n, to: i }), n = Math.max(n, r);
-  return n !== 1 / 0 && o.push({ from: n, to: null }), o;
+    i > o && n.push({ from: o, to: i }), o = Math.max(o, r);
+  return o !== 1 / 0 && n.push({ from: o, to: null }), n;
 }
-function ye(e) {
-  const t = Number(e.minAmount) || 0, o = Number(e.maxAmount) || 0, n = G(e), i = n === l.LessThan || n === l.All ? 0 : t, r = n === l.GreaterThanOrEqual || n === l.All ? 1 / 0 : o;
+function xe(e) {
+  const t = Number(e.minAmount) || 0, n = Number(e.maxAmount) || 0, o = W(e), i = o === l.LessThan || o === l.All ? 0 : t, r = o === l.GreaterThanOrEqual || o === l.All ? 1 / 0 : n;
   return [i, r];
 }
-function xe(e, t, o) {
-  const [n, i] = ye(e);
-  return t.filter((r) => r.id !== o).some((r) => {
-    const [s, u] = F(r);
-    return n < u && s < i;
+function he(e, t, n) {
+  const [o, i] = xe(e);
+  return t.filter((r) => r.id !== n).some((r) => {
+    const [s, u] = O(r);
+    return o < u && s < i;
   });
 }
-function w(e, t, o) {
-  const n = {}, i = e.minAmount.trim() !== "", r = e.maxAmount.trim() !== "", s = Number(e.minAmount.trim()), u = Number(e.maxAmount.trim());
-  return i && (!Number.isFinite(s) || s < 0) && (n.minAmount = g.InvalidMinAmount), r && (!Number.isFinite(u) || u <= 0) && (n.maxAmount = g.InvalidMaxAmount), i && r && !n.minAmount && !n.maxAmount && s >= u && (n.maxAmount = g.MaxLessThanOrEqualToMin), e.outcome === O.RequireApproval && e.approvers.length === 0 && (n.approvers = g.ApproversRequired), !n.minAmount && !n.maxAmount && xe(e, t, o) && (r ? n.maxAmount = g.ConflictsWithAnotherRule : n.minAmount = g.ConflictsWithAnotherRule), n;
+function F(e, t, n) {
+  const o = {}, i = e.minAmount.trim() !== "", r = e.maxAmount.trim() !== "", s = Number(e.minAmount.trim()), u = Number(e.maxAmount.trim());
+  return i && (!Number.isFinite(s) || s < 0) && (o.minAmount = g.InvalidMinAmount), r && (!Number.isFinite(u) || u <= 0) && (o.maxAmount = g.InvalidMaxAmount), i && r && !o.minAmount && !o.maxAmount && s >= u && (o.maxAmount = g.MaxLessThanOrEqualToMin), e.outcome === M.RequireApproval && e.approvers.length === 0 && (o.approvers = g.ApproversRequired), !o.minAmount && !o.maxAmount && he(e, t, n) && (r ? o.maxAmount = g.ConflictsWithAnotherRule : o.minAmount = g.ConflictsWithAnotherRule), o;
 }
 function D(e, t) {
-  const o = G(t);
+  const n = W(t);
   return {
     id: e,
-    conditionType: o,
-    minAmount: o === l.InRange || o === l.GreaterThanOrEqual ? Number(t.minAmount) : void 0,
-    maxAmount: o === l.LessThan || o === l.InRange ? Number(t.maxAmount) : void 0,
+    conditionType: n,
+    minAmount: n === l.InRange || n === l.GreaterThanOrEqual ? Number(t.minAmount) : void 0,
+    maxAmount: n === l.LessThan || n === l.InRange ? Number(t.maxAmount) : void 0,
     outcome: t.outcome,
-    approvers: t.outcome === O.RequireApproval ? t.approvers : []
+    approvers: t.outcome === M.RequireApproval ? t.approvers : []
   };
 }
-function he(e) {
+function Ee(e) {
   return {
     minAmount: e.minAmount != null ? String(e.minAmount) : "",
     maxAmount: e.maxAmount != null ? String(e.maxAmount) : "",
@@ -134,143 +137,143 @@ function he(e) {
     approvers: e.approvers
   };
 }
-function Ee() {
-  const e = ce();
+function Te() {
+  const e = fe();
   q(() => {
-    e(fe.Mounted);
+    e(Ae.Mounted);
   }, [e]);
-  const { initResponse: t } = de(), o = t?.scopes?.includes(me.RoleReadOrg) ?? !1, {
-    data: n,
+  const { initResponse: t } = ce(), n = t?.scopes?.includes(se.RoleReadOrg) ?? !1, {
+    data: o,
     isResolving: i,
     isError: r
-  } = se({ enabled: o }), s = P(
-    () => ge(n?.data ?? []),
-    [n]
+  } = ue({ enabled: n }), s = P(
+    () => Re(o?.data ?? []),
+    [o]
   ), u = P(() => {
-    const a = n?.data ?? [], f = a.find(
-      (p) => p.isSystemRole === !0 && M(p.key, "admin")
-    ), k = a.find(
-      (p) => p.isSystemRole === !0 && M(p.key, "cfo")
+    const a = o?.data ?? [], f = a.find(
+      (p) => p.isSystemRole === !0 && x(p.key, "admin")
+    ), C = a.find(
+      (p) => p.isSystemRole === !0 && G(p.key)
     ), y = {
       reporting_manager: d.ReportingManagerLabel
     };
-    f && (y[f.id] = d.AdminLabel), k && (y[k.id] = d.CfoLabel);
+    f && (y[f.id] = d.AdminLabel), C && (y[C.id] = d.CfoLabel);
     for (const p of a)
       y[p.id] || (y[p.id] = p.name);
     return y;
-  }, [n]), { rules: m, isLoading: x, saveStatus: A, createRule: W, updateRule: B, deleteRule: K } = be(u), [I, h] = C(!1), [E, T] = C($), [c, S] = C(null), [b, v] = C(null);
+  }, [o]), { rules: m, isLoading: h, saveStatus: A, createRule: _, updateRule: B, deleteRule: K } = ge(u), [I, E] = L(!1), [T, S] = L(w), [c, k] = L(null), [b, v] = L(null);
   q(() => {
-    A === "success" && V.success(U.Saved), A === "error" && V.error(U.FailedToSave);
+    A === "success" && U.success(j.Saved), A === "error" && U.error(j.FailedToSave);
   }, [A]);
-  const _ = Re(m), H = ve(m), N = x || i || A === "saving", Q = I ? w(E, m) : {}, Z = b && c ? w(b, m, c) : {}, J = () => {
-    h(!0), T($);
-  }, X = () => {
-    h(!1);
-  }, Y = async () => {
-    const a = w(E, m);
+  const H = ve(m), Q = ye(m), N = h || i || A === "saving", Z = I ? F(T, m) : {}, J = b && c ? F(b, m, c) : {}, X = () => {
+    E(!0), S(w);
+  }, Y = () => {
+    E(!1);
+  }, ee = async () => {
+    const a = F(T, m);
     if (Object.keys(a).length > 0)
       return;
     const f = crypto.randomUUID();
-    await W(D(f, E)) && (h(!1), T($));
-  }, ee = (a) => {
-    T(a);
+    await _(D(f, T)) && (E(!1), S(w));
+  }, ne = (a) => {
+    S(a);
   }, oe = (a) => {
-    const f = m.find((k) => k.id === a);
-    f && (h(!1), T($), S(a), v(he(f)));
-  }, ne = () => {
-    S(null), v(null);
-  }, re = async () => {
+    const f = m.find((C) => C.id === a);
+    f && (E(!1), S(w), k(a), v(Ee(f)));
+  }, re = () => {
+    k(null), v(null);
+  }, te = async () => {
     if (!c || !b) return;
-    const a = w(b, m, c);
+    const a = F(b, m, c);
     Object.keys(a).length > 0 || await B(
       c,
       D(c, b)
-    ) && (S(null), v(null));
-  }, te = (a) => {
+    ) && (k(null), v(null));
+  }, ie = (a) => {
     v(a);
-  }, ie = async (a) => {
-    await K(a), c === a && (S(null), v(null));
+  }, ae = async (a) => {
+    await K(a), c === a && (k(null), v(null));
   };
-  return t !== void 0 && !o ? /* @__PURE__ */ R(
-    j,
+  return t !== void 0 && !n ? /* @__PURE__ */ R(
+    V,
     {
-      title: L.MissingRolePermissionTitle,
-      description: L.MissingRolePermissionDescription
+      title: $.MissingRolePermissionTitle,
+      description: $.MissingRolePermissionDescription
     }
   ) : r ? /* @__PURE__ */ R(
-    j,
+    V,
     {
-      title: L.RolesUnavailableTitle,
-      description: L.RolesUnavailableDescription
+      title: $.RolesUnavailableTitle,
+      description: $.RolesUnavailableDescription
     }
-  ) : /* @__PURE__ */ ae(le, { children: [
-    /* @__PURE__ */ R(ue, {}),
+  ) : /* @__PURE__ */ le(me, { children: [
+    /* @__PURE__ */ R(pe, {}),
     /* @__PURE__ */ R(
-      Ae,
+      be,
       {
         rules: m,
         isBusy: N,
-        isLoading: x,
+        isLoading: h,
         isAddingRule: I,
-        newRuleFormValues: E,
-        newRuleValidationErrors: Q,
+        newRuleFormValues: T,
+        newRuleValidationErrors: Z,
         editingRuleId: c,
         editingRuleFormValues: b,
-        editingRuleValidationErrors: Z,
+        editingRuleValidationErrors: J,
         approverOptions: N ? [] : s,
-        allExpensesAreCovered: _,
-        gapIntervals: H,
-        onAddRuleClick: J,
-        onCancelAddRule: X,
+        allExpensesAreCovered: H,
+        gapIntervals: Q,
+        onAddRuleClick: X,
+        onCancelAddRule: Y,
         onSaveNewRule: () => {
-          Y();
+          ee();
         },
-        onNewRuleFormChange: ee,
+        onNewRuleFormChange: ne,
         onEditRule: oe,
-        onCancelEditRule: ne,
+        onCancelEditRule: re,
         onSaveEditRule: () => {
-          re();
+          te();
         },
-        onEditRuleFormChange: te,
+        onEditRuleFormChange: ie,
         onDeleteRule: (a) => {
-          ie(a);
+          ae(a);
         }
       }
     )
   ] });
 }
-function Xe({
+function Ye({
   token: e,
   orgId: t,
-  widgetToken: o,
-  organizationId: n,
+  widgetToken: n,
+  organizationId: o,
   baseUrl: i,
   configClient: r,
   linkComponent: s,
   implementation: u,
   uiFramework: m,
-  errorFallback: x,
+  errorFallback: h,
   onError: A
 } = {}) {
   return /* @__PURE__ */ R(
-    pe,
+    de,
     {
       baseUrl: i,
-      widgetToken: o ?? e,
-      organizationId: n ?? t,
+      widgetToken: n ?? e,
+      organizationId: o ?? t,
       configClient: r,
       linkComponent: s,
       implementation: u,
       uiFramework: m,
-      errorFallback: x,
+      errorFallback: h,
       onError: A,
-      children: /* @__PURE__ */ R(Ee, {})
+      children: /* @__PURE__ */ R(Te, {})
     }
   );
 }
 export {
-  Xe as ExpenseApprovalPoliciesWidget,
-  ge as buildApproverOptions,
-  M as isEmbeddedSystemRoleKey,
+  Ye as ExpenseApprovalPoliciesWidget,
+  Re as buildApproverOptions,
+  x as isEmbeddedSystemRoleKey,
   z as roleKeyHasSegment
 };

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/feature/dist/lib/labels.js

@@ -1,17 +1,17 @@
 const a = {
-  AdminLabel: "Admins",
-  AdminSublabel: "Any admin can approve",
+  AdminLabel: "Company admin",
+  AdminSublabel: "Any company admin can approve",
   ReportingManagerLabel: "Reporting Managers",
   ReportingManagerSublabel: "Assigned reporting managers can approve",
-  CfoLabel: "CFO",
-  CfoSublabel: "Any CFO can approve"
+  CfoLabel: "Finance admin",
+  CfoSublabel: "Any finance admin can approve"
 }, e = {
   InvalidMinAmount: "Enter a valid minimum amount",
   InvalidMaxAmount: "Enter a valid maximum amount",
   MaxLessThanOrEqualToMin: "Maximum amount can not be less than or equal to the minimum amount",
   ApproversRequired: "At least one approver is required",
   ConflictsWithAnotherRule: "This conflicts with another rule"
-}, i = {
+}, n = {
   MissingRolePermissionTitle: "Approval policies unavailable",
   MissingRolePermissionDescription: "Your access token is missing the permissions required to manage approval policies. Contact your administrator to update your access.",
   RolesUnavailableTitle: "Roles unavailable",
@@ -19,6 +19,6 @@ const a = {
 };
 export {
   a as ApproverOptionLabels,
-  i as PermissionErrorLabels,
+  n as PermissionErrorLabels,
   e as ValidationErrorLabels
 };

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index3.js

@@ -12,7 +12,7 @@ const e = {
   MaximumPlaceholder: "No limit",
   AutoApprove: "Auto-approve",
   RequireApproval: "Require approval",
-  RequireApprovalCaption: "Admins can always approve, even if no manager has acted yet.",
+  RequireApprovalCaption: "Company admins can always approve, even if no manager has acted yet.",
   RequireApprovalFrom: "Require approval from",
   ChooseApprovers: "Choose approvers...",
   ApproverSeparator: "or",
@@ -26,13 +26,14 @@ const e = {
   EditRuleAriaLabel: "Edit rule"
 }, o = {
   Title: "No approval rules configured",
+  Body: "The system default currently applies to all expenses requiring approval from a company admin.",
   AddRule: "Add rule",
   LearnMore: "Learn more about expense approvals ↗"
 }, l = {
   Saved: "Approval rules updated.",
   FailedToSave: "Failed to save."
 }, p = {
-  Suffix: ", requiring approval from an Admin.",
+  Suffix: ", requiring approval from a company admin.",
   Above: "above",
   RangeSeparator: "–"
 };

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index5.js

@@ -1,36 +1,28 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { ShieldCheck as s, PlusIcon as i } from "lucide-react";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { ShieldCheck as n, PlusIcon as i } from "lucide-react";
 import { Typography as o, Button as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyApprovalRulesLabels as r } from "./index3.js";
-const w = ({
-  onAddRule: n,
-  onLearnMore: l
-}) => /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:py-12 ttw:gap-4 ttw:w-full ttw:max-w-[600px] ttw:mx-auto", children: [
-  /* @__PURE__ */ t("div", { className: "ttw:w-12 ttw:h-12 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center ttw:text-muted-foreground", children: /* @__PURE__ */ t(s, { size: 20 }) }),
-  /* @__PURE__ */ t(o, { variant: "h6", children: r.Title }),
-  /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:text-center", children: [
-    "The ",
-    /* @__PURE__ */ t("strong", { children: "system default" }),
-    " currently applies to all expenses",
-    " ",
-    "requiring approval from an ",
-    /* @__PURE__ */ t("strong", { children: "Admin" }),
-    "."
-  ] }),
-  /* @__PURE__ */ e(a, { onClick: n, className: "ttw:mt-1", children: [
+import { EmptyApprovalRulesLabels as e } from "./index3.js";
+const u = ({
+  onAddRule: s,
+  onLearnMore: r
+}) => /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:py-12 ttw:gap-4 ttw:w-full ttw:max-w-[600px] ttw:mx-auto", children: [
+  /* @__PURE__ */ t("div", { className: "ttw:w-12 ttw:h-12 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center ttw:text-muted-foreground", children: /* @__PURE__ */ t(n, { size: 20 }) }),
+  /* @__PURE__ */ t(o, { variant: "h6", children: e.Title }),
+  /* @__PURE__ */ t(o, { variant: "body2", color: "muted", className: "ttw:text-center", children: e.Body }),
+  /* @__PURE__ */ l(a, { onClick: s, className: "ttw:mt-1", children: [
     /* @__PURE__ */ t(i, {}),
-    r.AddRule
+    e.AddRule
   ] }),
-  l && /* @__PURE__ */ t(
+  r && /* @__PURE__ */ t(
     a,
     {
       variant: "link",
       className: "ttw:text-muted-foreground",
-      onClick: l,
-      children: r.LearnMore
+      onClick: r,
+      children: e.LearnMore
     }
   )
 ] });
 export {
-  w as EmptyApprovalRules
+  u as EmptyApprovalRules
 };

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index8.js

@@ -4,10 +4,10 @@ import { Skeleton as s, Button as O } from "../../../../../packages/shared-ui-sh
 import { EmptyApprovalRules as P } from "./index5.js";
 import { ApprovalRuleCard as T } from "./index6.js";
 import { ApprovalRuleForm as R } from "./index7.js";
-import { ExpenseApprovalsPageLabels as i, GapCalloutLabels as u } from "./index3.js";
-import { formatAmount as p } from "./index4.js";
+import { ExpenseApprovalsPageLabels as i, GapCalloutLabels as p } from "./index3.js";
+import { formatAmount as u } from "./index4.js";
 function M(r) {
-  return r.to === null ? `${u.Above} ${p(r.from)}` : `${p(r.from)} ${u.RangeSeparator} ${p(r.to)}`;
+  return r.to === null ? `${p.Above} ${u(r.from)}` : `${u(r.from)} ${p.RangeSeparator} ${u(r.to)}`;
 }
 const U = ({
   rules: r,
@@ -120,7 +120,7 @@ const U = ({
         " will apply to transactions",
         " ",
         /* @__PURE__ */ t("strong", { children: h.map(M).join(", ") }),
-        u.Suffix
+        p.Suffix
       ] })
     ] })
   ] }) });

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js

@@ -1,9 +1,20 @@
-const e = "tesouro-embedded-insights-dismissed";
-function i(t) {
-  const s = t?.trim();
-  return s ? `${e}.${s}` : "";
+import { jsx as t } from "react/jsx-runtime";
+import { ClipboardCheck as a } from "lucide-react";
+function l(o, e, i) {
+  return {
+    displayText: o.displayText,
+    createdDate: i,
+    badgeLabel: e.onboardingBadgeLabel,
+    badgeIcon: /* @__PURE__ */ t(a, { className: "ttw:size-4", "aria-hidden": !0 }),
+    showDismissButton: o.canDismiss && !o.isDismissed,
+    showToggle: o.showToggle,
+    toggleLabel: o.toggleLabel,
+    toggleChecked: o.toggleChecked,
+    onToggle: o.onToggle,
+    actionText: o.actionText,
+    onActionClick: o.onActionClick
+  };
 }
 export {
-  e as DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX,
-  i as getDismissedInsightsUserDataKey
+  l as mapInsightToRowView
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index6.js

@@ -5,7 +5,7 @@ import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { SingleInsight as n } from "../../ui/dist/index3.js";
-import { mapInsightToRowView as a } from "./index9.js";
+import { mapInsightToRowView as a } from "./index10.js";
 const D = ({
   insight: i,
   createdDate: s,

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index7.js

@@ -7,8 +7,8 @@ import { useGetUserDataQuery as S } from "../../../shared/data-access/dist/lib/u
 import { useUpsertUserDataMutation as U } from "../../../shared/data-access/dist/lib/useUpsertUserDataMutation.js";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { useMemo as _, useState as v, useRef as g, useEffect as M, useCallback as b } from "react";
-import { getDismissedInsightsUserDataKey as k } from "./index10.js";
-import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index10.js";
+import { getDismissedInsightsUserDataKey as k } from "./index9.js";
+import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index9.js";
 function x(e) {
   return Array.isArray(e) ? e.filter((r) => typeof r == "string") : [];
 }

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

@@ -1,20 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ClipboardCheck as a } from "lucide-react";
-function l(o, e, i) {
-  return {
-    displayText: o.displayText,
-    createdDate: i,
-    badgeLabel: e.onboardingBadgeLabel,
-    badgeIcon: /* @__PURE__ */ t(a, { className: "ttw:size-4", "aria-hidden": !0 }),
-    showDismissButton: o.canDismiss && !o.isDismissed,
-    showToggle: o.showToggle,
-    toggleLabel: o.toggleLabel,
-    toggleChecked: o.toggleChecked,
-    onToggle: o.onToggle,
-    actionText: o.actionText,
-    onActionClick: o.onActionClick
-  };
+const e = "tesouro-embedded-insights-dismissed";
+function i(t) {
+  const s = t?.trim();
+  return s ? `${e}.${s}` : "";
 }
 export {
-  l as mapInsightToRowView
+  e as DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX,
+  i as getDismissedInsightsUserDataKey
 };