@tesouro/embedded-components-react 0.3.11 → 0.3.13

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js

@@ -1,114 +1,8 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetUi as o } from "../../ui/dist/index44.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index63.js";
-import "../../ui/dist/index.js";
-import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
-import { useBillUploadQueue as l } from "./index50.js";
-import "./index51.js";
-import { billsTabTestIds as u } from "./index59.js";
-import { BillsTab as d } from "./index61.js";
-import "./index62.js";
-import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index45.js";
-import { DEFAULT_TABS_LABELS as m } from "./index63.js";
-import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useCallback as g, useEffect as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js
-var S = {
-	Bills: "bills",
-	Vendors: "vendors",
-	Settings: "settings"
-}, C = [
-	S.Bills,
-	S.Vendors,
-	S.Settings
-];
-function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
-	let O = r();
-	_(() => {
-		O(f.Mounted);
-	}, [O]);
-	let k = {
-		...m,
-		...p
-	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
-		P(S.Bills), I(e);
-	}, []), R = l({ onOpenBill: L }), z = [{
-		id: S.Bills,
-		label: k.bills,
-		content: /* @__PURE__ */ b(d, {
-			onEnqueueFiles: R.enqueue,
-			openPayableId: F,
-			onOpenPayableHandled: () => I(void 0),
-			poweredByBankName: D
-		})
-	}, {
-		id: S.Vendors,
-		label: k.vendors,
-		content: /* @__PURE__ */ b(h, {
-			...E,
-			counterpartType: "vendor",
-			onViewAllDocuments: () => P(S.Bills)
-		})
-	}];
-	M && z.push({
-		id: S.Settings,
-		label: k.settings,
-		content: /* @__PURE__ */ b(c, {
-			labels: w,
-			componentLabels: T
-		})
-	});
-	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(n, {}),
-		/* @__PURE__ */ b(o, {
-			labels: i,
-			tabs: z,
-			selectedTabId: B,
-			onTabChange: P
-		}),
-		R.isVisible ? /* @__PURE__ */ b(s, {
-			sections: R.sections,
-			summaryLabel: R.summaryLabel,
-			collapsed: R.collapsed,
-			onToggleCollapsed: R.onToggleCollapsed,
-			onClose: R.onClose,
-			testId: u.uploadTray
-		}) : null
-	] });
-}
-function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, ...m }) {
-	return /* @__PURE__ */ b(i, {
-		widgetName: p,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		disclosuresAcceptance: f,
-		children: /* @__PURE__ */ b(w, { ...m })
-	});
-}
+var e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
 //#endregion
-export { T as BillPayWidgetNative, T as default };
+export { e as DEFAULT_TABS_LABELS };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js

@@ -1 +1,114 @@
-import "./index64.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetUi as o } from "../../ui/dist/index44.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index63.js";
+import "../../ui/dist/index.js";
+import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import "../../../shared/approval-policy/feature/dist/index.js";
+import { useBillUploadQueue as l } from "./index51.js";
+import "./index52.js";
+import { billsTabTestIds as u } from "./index60.js";
+import { BillsTab as d } from "./index62.js";
+import "./index63.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index46.js";
+import { DEFAULT_TABS_LABELS as m } from "./index64.js";
+import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
+import "../../../counterparts-widget/feature/dist/index.js";
+import { useCallback as g, useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js
+var S = {
+	Bills: "bills",
+	Vendors: "vendors",
+	Settings: "settings"
+}, C = [
+	S.Bills,
+	S.Vendors,
+	S.Settings
+];
+function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
+	let O = r();
+	_(() => {
+		O(f.Mounted);
+	}, [O]);
+	let k = {
+		...m,
+		...p
+	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
+		P(S.Bills), I(e);
+	}, []), R = l({ onOpenBill: L }), z = [{
+		id: S.Bills,
+		label: k.bills,
+		content: /* @__PURE__ */ b(d, {
+			onEnqueueFiles: R.enqueue,
+			openPayableId: F,
+			onOpenPayableHandled: () => I(void 0),
+			poweredByBankName: D
+		})
+	}, {
+		id: S.Vendors,
+		label: k.vendors,
+		content: /* @__PURE__ */ b(h, {
+			...E,
+			counterpartType: "vendor",
+			onViewAllDocuments: () => P(S.Bills)
+		})
+	}];
+	M && z.push({
+		id: S.Settings,
+		label: k.settings,
+		content: /* @__PURE__ */ b(c, {
+			labels: w,
+			componentLabels: T
+		})
+	});
+	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
+	return /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b(n, {}),
+		/* @__PURE__ */ b(o, {
+			labels: i,
+			tabs: z,
+			selectedTabId: B,
+			onTabChange: P
+		}),
+		R.isVisible ? /* @__PURE__ */ b(s, {
+			sections: R.sections,
+			summaryLabel: R.summaryLabel,
+			collapsed: R.collapsed,
+			onToggleCollapsed: R.onToggleCollapsed,
+			onClose: R.onClose,
+			testId: u.uploadTray
+		}) : null
+	] });
+}
+function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, ...m }) {
+	return /* @__PURE__ */ b(i, {
+		widgetName: p,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: d,
+		disclosuresAcceptance: f,
+		children: /* @__PURE__ */ b(w, { ...m })
+	});
+}
+//#endregion
+export { T as BillPayWidgetNative, T as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js

@@ -1,25 +1 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetMonite as n } from "./index46.js";
-import "./index47.js";
-import { BillPayWidgetNative as r } from "./index64.js";
 import "./index65.js";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js
-function a({ implementation: a, ...o }) {
-	let s = t().implementation, c = a ?? s ?? e.Monite;
-	return c === e.Native ? /* @__PURE__ */ i(r, {
-		implementation: c,
-		...o
-	}) : /* @__PURE__ */ i(n, {
-		implementation: c,
-		...o
-	});
-}
-//#endregion
-export { a as BillPayWidget, a as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js

@@ -0,0 +1,25 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetMonite as n } from "./index47.js";
+import "./index48.js";
+import { BillPayWidgetNative as r } from "./index65.js";
+import "./index66.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js
+function a({ implementation: a, ...o }) {
+	let s = t().implementation, c = a ?? s ?? e.Monite;
+	return c === e.Native ? /* @__PURE__ */ i(r, {
+		implementation: c,
+		...o
+	}) : /* @__PURE__ */ i(n, {
+		implementation: c,
+		...o
+	});
+}
+//#endregion
+export { a as BillPayWidget, a as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js

@@ -1,26 +1,64 @@
-import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { MoreVerticalIcon as s } from "lucide-react";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as c, useId as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { MoreHorizontalIcon as f, MoreVerticalIcon as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js
-function c({ actions: c, triggerLabel: l, testId: u }) {
-	return c.length ? /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(i, {
+function m({ actions: m, triggerLabel: g, placement: _ = "row", testId: v }) {
+	let y = l();
+	if (!m.length) return null;
+	let b = _ === "header", x = b ? f : p, S = h(m);
+	return /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(s, {
 		asChild: !0,
-		children: /* @__PURE__ */ a(e, {
+		children: /* @__PURE__ */ u(e, {
 			type: "button",
-			variant: "outline",
+			variant: b ? "ghost" : "outline",
 			size: "icon",
-			"aria-label": l,
-			"data-testid": u,
-			children: /* @__PURE__ */ a(s, { className: "ttw:size-4" })
+			"aria-label": g,
+			"data-testid": v,
+			children: /* @__PURE__ */ u(x, { className: "ttw:size-4" })
 		})
-	}), /* @__PURE__ */ a(n, {
+	}), /* @__PURE__ */ u(n, {
 		align: "end",
-		children: c.map((e) => /* @__PURE__ */ a(r, {
-			disabled: e.disabled,
-			onClick: e.onSelect,
-			children: e.label
-		}, e.id))
-	})] }) : null;
+		children: S.map((e, t) => {
+			let n = e.actions.map((e) => {
+				let t = e.icon;
+				return /* @__PURE__ */ d(i, {
+					disabled: e.disabled,
+					onClick: e.onSelect,
+					children: [t ? /* @__PURE__ */ u(t, { className: "ttw:size-4" }) : null, e.label]
+				}, e.id);
+			});
+			if (!e.heading) return /* @__PURE__ */ u(c, { children: n }, e.actions[0]?.id);
+			let s = `${y}-${t}`;
+			return /* @__PURE__ */ d(c, { children: [
+				t > 0 ? /* @__PURE__ */ u(o, {}) : null,
+				/* @__PURE__ */ u(a, {
+					id: s,
+					className: "ttw:py-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+					children: e.heading
+				}),
+				/* @__PURE__ */ u(r, {
+					"aria-labelledby": s,
+					children: n
+				})
+			] }, e.actions[0]?.id);
+		})
+	})] });
+}
+function h(e) {
+	let t = [];
+	for (let n of e) {
+		let e = t.at(-1);
+		if (e && e.heading === n.sectionHeading) {
+			e.actions = [...e.actions, n];
+			continue;
+		}
+		t.push({
+			heading: n.sectionHeading,
+			actions: [n]
+		});
+	}
+	return t;
 }
 //#endregion
-export { c as BillOverflowMenu, c as default };
+export { m as BillOverflowMenu, m as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js

@@ -1,4 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js
-var e = { cancelButton: "Back" };
+var e = {
+	cancelButton: "Cancel",
+	orConnector: "or"
+};
 //#endregion
 export { e as BILL_DECISION_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js

@@ -1,63 +1,92 @@
 import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o, Label as s, Textarea as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { BILL_DECISION_DIALOG_LABELS_EN as l } from "./index46.js";
-import { useEffect as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as u, useEffect as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js
-function m({ open: m, copy: h, onConfirm: g, onCancel: _, isPending: v, labels: y, testId: b, confirmTestId: x, reasonTestId: S, reasonFieldId: C = "bill-decision-reason" }) {
-	let w = {
+function h({ open: h, copy: g, onConfirm: _, onCancel: v, isPending: y, labels: b, testId: x, confirmTestId: S, reasonTestId: C, reasonFieldId: w = "bill-decision-reason" }) {
+	let T = {
 		...l,
-		...y
-	}, [T, E] = d("");
-	return u(() => {
-		m || E("");
-	}, [m]), h ? /* @__PURE__ */ f(e, {
-		open: m,
+		...b
+	}, [E, D] = f("");
+	if (d(() => {
+		h || D("");
+	}, [h]), !g) return null;
+	let { alignment: O = "start", icon: k, tone: A = "default", actionWidth: j = "auto" } = g.presentation ?? {}, M = O === "center", N = j === "equal", P = g.pendingApprovers ?? [];
+	return /* @__PURE__ */ p(e, {
+		open: h,
 		onOpenChange: (e) => {
-			e || _();
+			e || v();
 		},
-		children: /* @__PURE__ */ p(t, {
-			"data-testid": b,
+		children: /* @__PURE__ */ m(t, {
+			"data-testid": x,
 			children: [
-				/* @__PURE__ */ p(i, { children: [/* @__PURE__ */ f(a, { children: h.title }), /* @__PURE__ */ f(n, { children: h.description })] }),
-				h.warning ? /* @__PURE__ */ f("p", {
-					className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:p-3 ttw:text-sm ttw:text-foreground",
-					children: h.warning
+				/* @__PURE__ */ m(i, {
+					className: M ? "ttw:items-center ttw:sm:text-center" : void 0,
+					children: [
+						k ? /* @__PURE__ */ p("span", {
+							className: A === "destructive" ? "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive" : "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
+							children: /* @__PURE__ */ p(k, { className: A === "destructive" ? "ttw:size-4 ttw:text-white" : "ttw:size-4 ttw:text-foreground" })
+						}) : null,
+						/* @__PURE__ */ p(a, { children: g.title }),
+						/* @__PURE__ */ p(n, { children: g.description })
+					]
+				}),
+				P.length > 0 ? /* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:rounded-md ttw:bg-muted ttw:px-3 ttw:py-3",
+					children: /* @__PURE__ */ p("ul", {
+						className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1",
+						children: P.map((e) => /* @__PURE__ */ p("li", {
+							className: "ttw:list-disc ttw:text-sm ttw:text-foreground",
+							children: e.names.map((e, t) => /* @__PURE__ */ m(u, { children: [t > 0 ? /* @__PURE__ */ p("span", {
+								className: "ttw:text-muted-foreground",
+								children: ` ${T.orConnector} `
+							}) : null, /* @__PURE__ */ p("span", {
+								className: "ttw:font-medium",
+								children: e
+							})] }, e))
+						}, e.id))
+					})
 				}) : null,
-				h.reason ? /* @__PURE__ */ p("div", {
+				g.reason ? /* @__PURE__ */ m("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-2",
-					children: [/* @__PURE__ */ p(s, {
-						htmlFor: C,
-						children: [h.reason.label, /* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ m(s, {
+						htmlFor: w,
+						children: [g.reason.label, /* @__PURE__ */ p("span", {
 							className: "ttw:ml-1 ttw:text-muted-foreground",
-							children: h.reason.optionalHint
+							children: g.reason.optionalHint
 						})]
-					}), /* @__PURE__ */ f(c, {
-						id: C,
-						value: T,
-						placeholder: h.reason.placeholder,
-						onChange: (e) => E(e.target.value),
-						disabled: v,
-						"data-testid": S
+					}), /* @__PURE__ */ p(c, {
+						id: w,
+						value: E,
+						placeholder: g.reason.placeholder,
+						onChange: (e) => D(e.target.value),
+						disabled: y,
+						"data-testid": C
 					})]
 				}) : null,
-				/* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, {
-					type: "button",
-					variant: "outline",
-					onClick: _,
-					disabled: v,
-					children: w.cancelButton
-				}), /* @__PURE__ */ f(o, {
-					type: "button",
-					variant: "default",
-					loading: v,
-					disabled: v,
-					onClick: () => g(h.reason ? T.trim() : void 0),
-					"data-testid": x,
-					children: h.confirmButton
-				})] })
+				/* @__PURE__ */ m(r, {
+					className: M ? "ttw:sm:justify-center" : void 0,
+					children: [/* @__PURE__ */ p(o, {
+						type: "button",
+						variant: "outline",
+						onClick: v,
+						disabled: y,
+						className: N ? "ttw:flex-1" : void 0,
+						children: T.cancelButton
+					}), /* @__PURE__ */ p(o, {
+						type: "button",
+						variant: A === "destructive" ? "destructive" : "default",
+						loading: y,
+						disabled: y,
+						onClick: () => _(g.reason ? E.trim() : void 0),
+						className: N ? "ttw:flex-1" : void 0,
+						"data-testid": S,
+						children: g.confirmButton
+					})]
+				})
 			]
 		})
-	}) : null;
+	});
 }
 //#endregion
-export { m as BillDecisionDialog, m as default };
+export { h as BillDecisionDialog, h as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js

@@ -28,8 +28,9 @@ var a = {
 	cancelButton: "Cancel bill",
 	cancelScheduledPaymentButton: "Cancel scheduled payment",
 	reopenButton: "Reopen bill",
-	forceApproveButton: "Approve without policy",
-	forceRejectButton: "Reject without policy",
+	forceApproveButton: "Approve",
+	forceRejectButton: "Reject",
+	policyOverridesGroup: "Policy overrides",
 	overflowMenuTrigger: "Bill actions",
 	expandButton: "Open full screen",
 	closeButton: "Close",