@tesouro/embedded-components-react 0.5.189 → 0.5.190

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

@@ -1,197 +1,88 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DropdownMenu as o, DropdownMenuContent as s, DropdownMenuGroup as c, DropdownMenuItem as l, DropdownMenuLabel as ee, DropdownMenuSeparator as u, DropdownMenuTrigger as d, RequiredFieldsLegend as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as te } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
-import { BillDetailBody as p } from "./index40.js";
-import "./index41.js";
-import { BillFormFields as m } from "./index43.js";
-import "./index44.js";
-import { groupBySectionHeading as h } from "./index45.js";
-import "./index47.js";
-import { LineItemsSection as g } from "./index49.js";
-import "./index50.js";
-import { VendorSection as _ } from "./index55.js";
-import "./index56.js";
-import { mergeBillCreateScreenLabels as v } from "./index57.js";
-import { useFocusFirstInvalidField as y } from "./index58.js";
-import { Fragment as b, useId as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Minimize2 as ne, MoreVertical as T, X as E } from "lucide-react";
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o, FieldRequirement as s, Label as c, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeBillDecisionDialogLabels as u } from "./index58.js";
+import { Fragment as d, useEffect as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
-function D({ open: D, onOpenChange: O, title: k, subtitle: A, notice: j, vendor: M, values: N, errors: P, onChange: F, lineItems: I, documentPanel: L, menuItems: R, readOnly: z, detail: B, detailEdit: V, isLineItemsLoading: H, isSaving: U, isSavingDraft: W, isSubmitting: G, showSubmit: K = !0, onCancel: q, onCollapse: J, onSaveDraft: Y, onFinalize: X, scrollToErrorToken: Z, testId: re, labels: ie }) {
-	let ae = x(), Q = v(ie), $ = !!(z && B), oe = R ? h(R) : [], se = y(Z);
-	return /* @__PURE__ */ C(t, {
-		open: D,
-		onOpenChange: O,
-		children: /* @__PURE__ */ w(n, {
-			showCloseButton: !1,
-			className: "ttw:flex ttw:h-[calc(100vh-3rem)] ttw:w-[calc(100vw-3rem)] ttw:max-w-[calc(100vw-3rem)] ttw:flex-col ttw:gap-0 ttw:p-0",
-			"data-testid": re,
+function g({ open: g, copy: _, onConfirm: v, onCancel: y, isPending: b, confirmIcon: x, labels: S, testId: C, confirmTestId: w, reasonTestId: T, reasonFieldId: E = "bill-decision-reason" }) {
+	let D = u(S), [O, k] = p("");
+	if (f(() => {
+		g || k("");
+	}, [g]), !_) return null;
+	let { alignment: A = "start", icon: j, tone: M = "default", actionWidth: N = "auto" } = _.presentation ?? {}, P = A === "center", F = N === "equal", I = _.pendingApprovers ?? [];
+	return /* @__PURE__ */ m(e, {
+		open: g,
+		onOpenChange: (e) => {
+			e || y();
+		},
+		children: /* @__PURE__ */ h(t, {
+			"data-testid": C,
 			children: [
-				/* @__PURE__ */ w(i, {
-					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ w("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-						children: [
-							/* @__PURE__ */ C(a, {
-								className: "ttw:text-xl ttw:font-semibold",
-								children: k
-							}),
-							A ? /* @__PURE__ */ C("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: A
-							}) : null,
-							/* @__PURE__ */ C(r, {
-								className: "ttw:sr-only",
-								children: Q.hiddenDescription
-							})
-						]
-					}), /* @__PURE__ */ w("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-1",
-						children: [
-							J ? /* @__PURE__ */ C(e, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": Q.collapseButton,
-								disabled: U,
-								onClick: J,
-								children: /* @__PURE__ */ C(ne, { className: "ttw:size-4 ttw:rotate-90" })
-							}) : null,
-							R && R.length > 0 ? /* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(d, {
-								asChild: !0,
-								children: /* @__PURE__ */ C(e, {
-									type: "button",
-									variant: "ghost",
-									size: "icon",
-									"aria-label": Q.menuTrigger,
-									disabled: U,
-									children: /* @__PURE__ */ C(T, { className: "ttw:size-4" })
-								})
-							}), /* @__PURE__ */ C(s, {
-								align: "end",
-								children: oe.map((e, t) => {
-									let n = e.items.map((e) => {
-										let t = e.icon;
-										return /* @__PURE__ */ w(l, {
-											variant: e.destructive ? "destructive" : void 0,
-											disabled: e.disabled,
-											onSelect: e.onSelect,
-											children: [t ? /* @__PURE__ */ C(t, { className: "ttw:size-4" }) : null, e.label]
-										}, e.id);
-									});
-									if (!e.heading) return /* @__PURE__ */ C(b, { children: n }, e.items[0]?.id);
-									let r = `${ae}-${t}`;
-									return /* @__PURE__ */ w(b, { children: [
-										t > 0 ? /* @__PURE__ */ C(u, {}) : null,
-										/* @__PURE__ */ C(ee, {
-											id: r,
-											className: "ttw:py-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-											children: e.heading
-										}),
-										/* @__PURE__ */ C(c, {
-											"aria-labelledby": r,
-											children: n
-										})
-									] }, e.items[0]?.id);
-								})
-							})] }) : null,
-							/* @__PURE__ */ C(e, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": Q.closeButton,
-								disabled: U,
-								onClick: q,
-								children: /* @__PURE__ */ C(E, { className: "ttw:size-4" })
-							})
-						]
-					})]
+				/* @__PURE__ */ h(i, {
+					className: P ? "ttw:items-center ttw:sm:text-center" : void 0,
+					children: [
+						j ? /* @__PURE__ */ m("span", {
+							className: M === "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__ */ m(j, { className: M === "destructive" ? "ttw:size-4 ttw:text-white" : "ttw:size-4 ttw:text-foreground" })
+						}) : null,
+						/* @__PURE__ */ m(a, { children: _.title }),
+						/* @__PURE__ */ m(n, { children: _.description })
+					]
 				}),
-				/* @__PURE__ */ w("div", {
-					className: "ttw:grid ttw:flex-1 ttw:grid-cols-2 ttw:overflow-hidden",
-					children: [/* @__PURE__ */ w("div", {
-						ref: se,
-						className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:px-6 ttw:py-6",
-						children: [
-							P?.form ? /* @__PURE__ */ C("div", {
-								"data-invalid": "true",
-								children: /* @__PURE__ */ C(te, { children: P.form })
-							}) : null,
-							j ? /* @__PURE__ */ C("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: j
-							}) : null,
-							$ ? /* @__PURE__ */ C(p, {
-								...B,
-								labels: Q.detailBody
-							}) : /* @__PURE__ */ w(S, { children: [
-								/* @__PURE__ */ C(f, { labels: Q.requiredFieldsLegend }),
-								/* @__PURE__ */ C(_, {
-									...M,
-									onEdit: z ? void 0 : M.onEdit,
-									disabled: z,
-									labels: Q.vendorSection
-								}),
-								/* @__PURE__ */ C(m, {
-									values: N,
-									errors: P,
-									onChange: F,
-									disabled: z,
-									labels: Q.detailsFields
-								}),
-								/* @__PURE__ */ C(g, {
-									...I,
-									disabled: I.disabled || H || z,
-									labels: Q.lineItems
-								})
-							] })
-						]
-					}), /* @__PURE__ */ C("div", {
-						className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
-						children: L
+				I.length > 0 ? /* @__PURE__ */ m("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__ */ m("ul", {
+						className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1",
+						children: I.map((e) => /* @__PURE__ */ m("li", {
+							className: "ttw:list-disc ttw:text-sm ttw:text-foreground",
+							children: e.names.map((e, t) => /* @__PURE__ */ h(d, { children: [t > 0 ? /* @__PURE__ */ m("span", {
+								className: "ttw:text-muted-foreground",
+								children: ` ${D.orConnector} `
+							}) : null, /* @__PURE__ */ m("span", {
+								className: "ttw:font-medium",
+								children: e
+							})] }, e))
+						}, e.id))
+					})
+				}) : null,
+				_.reason ? /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [/* @__PURE__ */ m(c, {
+						htmlFor: E,
+						requirement: s.Optional,
+						labels: D.fieldMarkers,
+						children: _.reason.label
+					}), /* @__PURE__ */ m(l, {
+						id: E,
+						value: O,
+						placeholder: _.reason.placeholder,
+						onChange: (e) => k(e.target.value),
+						disabled: b,
+						"data-testid": T
 					})]
-				}),
-				$ ? V ? /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ C(e, {
+				}) : null,
+				/* @__PURE__ */ h(r, {
+					className: P ? "ttw:sm:justify-center" : void 0,
+					children: [/* @__PURE__ */ m(o, {
 						type: "button",
-						variant: "ghost",
-						disabled: V.isSaving,
-						onClick: V.onCancel,
-						children: Q.cancelButton
-					}), /* @__PURE__ */ C(e, {
+						variant: "outline",
+						onClick: y,
+						disabled: b,
+						className: F ? "ttw:flex-1" : void 0,
+						children: D.cancelButton
+					}), /* @__PURE__ */ h(o, {
 						type: "button",
-						onClick: V.onSave,
-						loading: V.isSaving,
-						disabled: V.isSaving,
-						children: Q.saveButton
+						variant: M === "destructive" ? "destructive" : "default",
+						loading: b,
+						disabled: b,
+						onClick: () => v(_.reason ? O.trim() : void 0),
+						className: F ? "ttw:flex-1" : void 0,
+						"data-testid": w,
+						children: [b ? null : x, _.confirmButton]
 					})]
-				}) : null : /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ C(e, {
-						type: "button",
-						variant: "ghost",
-						disabled: U,
-						onClick: q,
-						children: z ? Q.closeButton : Q.cancelButton
-					}), z ? null : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(e, {
-						type: "button",
-						variant: K ? "secondary" : "default",
-						onClick: Y,
-						loading: W,
-						disabled: U || G || H,
-						children: Q.saveDraftButton
-					}), K ? /* @__PURE__ */ C(e, {
-						type: "button",
-						onClick: X,
-						loading: G,
-						disabled: U || W || H,
-						children: Q.submitButton
-					}) : null] })]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { D as BillCreateScreen, D as default };
+export { g as BillDecisionDialog, g as default };

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

@@ -1,2 +1,2 @@
-import "./index57.js";
+import "./index58.js";
 import "./index59.js";

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

@@ -1,4 +1,48 @@
+import { APPROVAL_POLICY_CARD_LABELS_EN as e } from "./index12.js";
+import "./index14.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index21.js";
+import "./index23.js";
+import { DUE_DATE_VALUE_LABELS_EN as n } from "./index24.js";
+import "./index26.js";
+import { BILL_AUDIT_HISTORY_SECTION_LABELS_EN as r } from "./index33.js";
+import "./index35.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
-var e = {};
+var i = {
+	loadingTitle: "Loading bill…",
+	hiddenDescription: "Bill details",
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	amountPaidHeading: "Amount paid",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	approvalOverrideNotice: "You can approve or reject this bill from the menu in the top right, bypassing any remaining approvers.",
+	payToHeading: "Pay to",
+	payToHeadingPaid: "Paid to",
+	paymentHistoryHeading: "Payment history",
+	paymentHistoryErrorDescription: "Couldn't load payment history.",
+	invoiceDetailsHeading: "Invoice details",
+	lineItemsHeading: "Line items",
+	lineItemsQuantityHeading: "Qty/Price",
+	lineItemsAmountHeading: "Amount",
+	editButton: "Edit bill",
+	payButton: "Pay",
+	markAsPaidButton: "Mark as paid",
+	rejectButton: "Reject",
+	approveButton: "Approve",
+	cancelButton: "Cancel bill",
+	cancelScheduledPaymentButton: "Cancel scheduled payment",
+	reopenButton: "Reopen bill",
+	forceApproveButton: "Approve",
+	forceRejectButton: "Reject",
+	policyOverridesGroup: "Policy overrides",
+	overflowMenuTrigger: "Bill actions",
+	expandButton: "Open full screen",
+	closeButton: "Close",
+	statusBadge: t,
+	approvalPolicy: e,
+	dueDate: n,
+	auditHistory: r
+};
 //#endregion
-export { e as DEFAULT_LABELS };
+export { i as BILL_DETAILS_SHEET_LABELS_EN };