@tesouro/embedded-components-react 0.2.318 → 0.2.320

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

@@ -7,8 +7,7 @@ import "./index8.js";
 import "./index9.js";
 import { AddBillDialog as e } from "./index10.js";
 import "./index11.js";
-import "./index12.js";
-import "./index13.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index13.js";
 import "./index14.js";
 import "./index15.js";
 import "./index16.js";
@@ -16,28 +15,41 @@ import "./index17.js";
 import "./index18.js";
 import "./index19.js";
 import "./index20.js";
+import "./index21.js";
+import "./index22.js";
+import "./index23.js";
 import "./index24.js";
 import "./index25.js";
 import "./index26.js";
 import "./index27.js";
-import { BillCreateScreen as t } from "./index28.js";
-import "./index29.js";
-import "./index30.js";
-import { BillPayWidgetUi as n } from "./index31.js";
+import "./index31.js";
 import "./index32.js";
 import "./index33.js";
 import "./index34.js";
-import "./index35.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as r } from "./index36.js";
-import { BillDetailsSheet as i } from "./index37.js";
-import { BillsScreen as a } from "./index38.js";
+import { BillCreateScreen as n } from "./index35.js";
+import "./index36.js";
+import "./index37.js";
+import { BillPayWidgetUi as r } from "./index38.js";
 import "./index39.js";
-import { BillUploadStatusTray as o } from "./index41.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as i } from "./index40.js";
+import { BillDetailsSheet as a } from "./index41.js";
+import { BillsScreen as o } from "./index42.js";
 import "./index43.js";
-import "./index44.js";
-import { ExtractionNotice as s } from "./index45.js";
-import "./index46.js";
+import { BillUploadStatusTray as s } from "./index45.js";
 import "./index47.js";
-import { SourceDocumentPanel as c } from "./index48.js";
-import "./index49.js";
-export { e as AddBillDialog, r as BILL_DETAILS_SHEET_LABELS_EN, t as BillCreateScreen, i as BillDetailsSheet, n as BillPayWidgetUi, o as BillUploadStatusTray, a as BillsScreen, s as ExtractionNotice, c as SourceDocumentPanel };
+import "./index48.js";
+import { ExtractionNotice as c } from "./index49.js";
+import "./index50.js";
+import "./index51.js";
+import "./index52.js";
+import "./index53.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index54.js";
+import { ReviewTransactionDialog as u } from "./index55.js";
+import "./index56.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as d } from "./index57.js";
+import { SchedulePaymentDialog as f } from "./index59.js";
+import "./index60.js";
+import "./index61.js";
+import { SourceDocumentPanel as p } from "./index62.js";
+import "./index63.js";
+export { e as AddBillDialog, i as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, n as BillCreateScreen, a as BillDetailsSheet, r as BillPayWidgetUi, s as BillUploadStatusTray, o as BillsScreen, c as ExtractionNotice, l as REVIEW_TRANSACTION_DIALOG_LABELS_EN, u as ReviewTransactionDialog, d as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, f as SchedulePaymentDialog, p as SourceDocumentPanel };

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

@@ -1,9 +1,15 @@
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js
-var e = {
-	invoiceNumber: "Invoice number",
-	invoiceDate: "Invoice date",
-	dueDate: "Due date",
-	poNumber: "PO number (optional)"
-};
+function r({ actions: r }) {
+	return /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, {
+		type: "button",
+		variant: t.variant,
+		disabled: t.disabled,
+		loading: t.loading,
+		onClick: t.onSelect,
+		children: t.label
+	}, t.id)) });
+}
 //#endregion
-export { e as BILL_FORM_FIELDS_LABELS_EN };
+export { r as BillActionButtons, r as default };

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

@@ -1,49 +1,15 @@
-import { Input as e, Label as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_FORM_FIELDS_LABELS_EN as n } from "./index12.js";
-import { useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js
-function o({ values: o, errors: s, onChange: c, disabled: l, testId: u, labels: d }) {
-	let f = {
-		...n,
-		...d
-	}, p = r(), m = (n, r, u) => {
-		let d = `${p}-${n}`, f = `${d}-error`, m = s?.[n];
-		return /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-			children: [
-				/* @__PURE__ */ i(t, {
-					htmlFor: d,
-					children: r
-				}),
-				/* @__PURE__ */ i(e, {
-					id: d,
-					type: u,
-					value: o[n],
-					disabled: l,
-					"aria-invalid": m ? !0 : void 0,
-					"aria-describedby": m ? f : void 0,
-					onChange: (e) => c({ [n]: e.target.value })
-				}),
-				m ? /* @__PURE__ */ i("p", {
-					id: f,
-					className: "ttw:text-sm ttw:text-destructive",
-					children: m
-				}) : null
-			]
-		});
-	};
-	return /* @__PURE__ */ a("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		"data-testid": u,
-		children: [/* @__PURE__ */ a("div", {
-			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-			children: [m("invoiceDate", f.invoiceDate, "date"), m("dueDate", f.dueDate, "date")]
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-			children: [m("invoiceNumber", f.invoiceNumber), m("poNumber", f.poNumber)]
-		})]
-	});
-}
+var e = {
+	draft: "Draft",
+	pending_approval: "Pending approval",
+	ready_to_pay: "Ready to pay",
+	scheduled: "Scheduled",
+	partially_paid: "Partially paid",
+	paid: "Paid",
+	overdue: "Overdue",
+	canceled: "Canceled",
+	rejected: "Rejected",
+	unknown: "Unknown"
+};
 //#endregion
-export { o as BillFormFields, o as default };
+export { e as BILL_STATUS_BADGE_LABELS_EN };

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

@@ -1,2 +1,24 @@
-import "./index12.js";
-import "./index13.js";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index13.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index14.js
+var i = {
+	danger: "ttw:border-destructive/20 ttw:bg-destructive/10 ttw:text-destructive ttw:hover:bg-destructive/10",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as BillStatusBadge, a as default };

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

@@ -1,22 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index15.js
-var e = {
-	heading: "Line items",
-	helpText: "Enter a single amount for this payment, or split it into line items to assign a GL code to each one.",
-	description: "Description",
-	descriptionPlaceholder: "e.g., Office supplies",
-	glCode: "GL code (optional)",
-	glCodePlaceholder: "Select",
-	quantity: "Quantity",
-	price: "Price",
-	amount: "Amount",
-	currencySymbol: "$",
-	discount: "Discounts",
-	tax: "Tax",
-	totalAmount: "Total amount",
-	addLineItem: "+ Add line item",
-	increaseQuantity: (e) => `Increase quantity — line item ${e}`,
-	decreaseQuantity: (e) => `Decrease quantity — line item ${e}`,
-	removeLineItem: (e) => `Remove line item ${e}`
-};
-//#endregion
-export { e as LINE_ITEMS_SECTION_LABELS_EN };
+import "./index13.js";
+import "./index14.js";

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

@@ -1,286 +1,34 @@
-import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u, Typography as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as f } from "./index15.js";
-import { useId as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Minus as g, Plus as _, Trash2 as v } from "lucide-react";
+import { BILL_STATUS_BADGE_LABELS_EN as e } from "./index13.js";
+import "./index15.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js
-function y({ items: y, glCodeOptions: b, discount: x, onDiscountChange: S, tax: C, onTaxChange: w, total: T, onTotalChange: E, onAddLineItem: D, errors: O, disabled: k, testId: A, labels: j }) {
-	let M = {
-		...f,
-		...j
-	}, N = p(), P = y.length > 1;
-	return /* @__PURE__ */ h("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": A,
-		children: [
-			/* @__PURE__ */ m(d, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold",
-				children: M.heading
-			}),
-			/* @__PURE__ */ m("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: M.helpText
-			}),
-			y.map((d, f) => {
-				let p = `${N}-${d.id}`, y = O?.[d.id], x = (e) => `${p}-${e}-error`, S = (e) => y?.[e], C = (e) => {
-					let t = S(e);
-					return t ? /* @__PURE__ */ m("p", {
-						id: x(e),
-						className: "ttw:text-sm ttw:text-destructive",
-						children: t
-					}) : null;
-				};
-				return /* @__PURE__ */ m("div", {
-					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-					children: /* @__PURE__ */ h("div", {
-						className: "ttw:@container/line-item ttw:flex ttw:flex-col ttw:gap-3",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-								children: [/* @__PURE__ */ h("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [P ? /* @__PURE__ */ h("span", {
-										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: [f + 1, "."]
-									}) : null, /* @__PURE__ */ m(a, {
-										htmlFor: `${p}-description`,
-										children: M.description
-									})]
-								}), P ? /* @__PURE__ */ m(e, {
-									type: "button",
-									variant: "ghost",
-									size: "icon",
-									disabled: k,
-									"aria-label": M.removeLineItem(f + 1),
-									onClick: d.onRemove,
-									children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-								}) : null]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [/* @__PURE__ */ m(t, {
-									id: `${p}-description`,
-									placeholder: M.descriptionPlaceholder,
-									value: d.description,
-									disabled: k,
-									"aria-invalid": S("description") ? !0 : void 0,
-									"aria-describedby": S("description") ? x("description") : void 0,
-									onChange: (e) => d.onChange({ description: e.target.value })
-								}), C("description")]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "ttw:grid ttw:grid-cols-3 ttw:@lg/line-item:grid-cols-6 ttw:gap-3",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-3 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-gl-code`,
-												children: M.glCode
-											}),
-											/* @__PURE__ */ h(o, {
-												value: d.glCode,
-												disabled: k,
-												onValueChange: (e) => d.onChange({ glCode: e }),
-												children: [/* @__PURE__ */ m(l, {
-													id: `${p}-gl-code`,
-													className: "ttw:w-full",
-													"aria-invalid": S("glCode") ? !0 : void 0,
-													"aria-describedby": S("glCode") ? x("glCode") : void 0,
-													children: /* @__PURE__ */ m(u, { placeholder: M.glCodePlaceholder })
-												}), /* @__PURE__ */ m(s, { children: b.map((e) => /* @__PURE__ */ m(c, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											}),
-											C("glCode")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-quantity`,
-												children: M.quantity
-											}),
-											/* @__PURE__ */ h(n, {
-												className: "ttw:h-9 ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:has-[:focus-visible]:border-ring ttw:has-[:focus-visible]:ring-[3px] ttw:has-[:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive ttw:has-[[aria-invalid=true]]:ring-destructive/20",
-												children: [
-													/* @__PURE__ */ m(e, {
-														type: "button",
-														variant: "ghost",
-														size: "icon",
-														className: "ttw:h-full ttw:shrink-0 ttw:rounded-r-none",
-														disabled: k,
-														"aria-label": M.decreaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(-1),
-														children: /* @__PURE__ */ m(g, { className: "ttw:size-3.5" })
-													}),
-													/* @__PURE__ */ m(i, {
-														id: `${p}-quantity`,
-														inputMode: "decimal",
-														className: "ttw:min-w-0 ttw:flex-1 ttw:rounded-none ttw:border-0 ttw:text-center ttw:shadow-none ttw:focus-visible:ring-0",
-														value: d.quantity,
-														disabled: k,
-														"aria-invalid": S("quantity") ? !0 : void 0,
-														"aria-describedby": S("quantity") ? x("quantity") : void 0,
-														onChange: (e) => d.onChange({ quantity: e.target.value })
-													}),
-													/* @__PURE__ */ m(e, {
-														type: "button",
-														variant: "ghost",
-														size: "icon",
-														className: "ttw:h-full ttw:shrink-0 ttw:rounded-l-none",
-														disabled: k,
-														"aria-label": M.increaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(1),
-														children: /* @__PURE__ */ m(_, { className: "ttw:size-3.5" })
-													})
-												]
-											}),
-											C("quantity")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-price`,
-												children: M.price
-											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
-												align: "inline-start",
-												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-price`,
-												"data-has-start-addon": !0,
-												inputMode: "decimal",
-												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.price,
-												disabled: k,
-												"aria-invalid": S("price") ? !0 : void 0,
-												"aria-describedby": S("price") ? x("price") : void 0,
-												onChange: (e) => d.onChange({ price: e.target.value })
-											})] }),
-											C("price")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-amount`,
-												children: M.amount
-											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
-												align: "inline-start",
-												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-amount`,
-												"data-has-start-addon": !0,
-												inputMode: "decimal",
-												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.amount,
-												disabled: k,
-												"aria-invalid": S("amount") ? !0 : void 0,
-												"aria-describedby": S("amount") ? x("amount") : void 0,
-												onChange: (e) => d.onChange({ amount: e.target.value })
-											})] }),
-											C("amount")
-										]
-									})
-								]
-							})
-						]
-					})
-				}, d.id);
-			}),
-			/* @__PURE__ */ m(e, {
-				type: "button",
-				variant: "link",
-				disabled: k,
-				className: "ttw:self-start",
-				onClick: D,
-				children: M.addLineItem
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-discount`,
-							children: M.discount
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-discount`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right",
-								value: x,
-								disabled: k,
-								onChange: (e) => S(e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-tax`,
-							children: M.tax
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-tax`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right",
-								value: C,
-								disabled: k,
-								onChange: (e) => w(e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-total`,
-							className: "ttw:font-semibold",
-							children: M.totalAmount
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-total`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right ttw:font-semibold",
-								value: T,
-								disabled: k,
-								onChange: (e) => E(e.target.value)
-							})]
-						})]
-					})
-				]
-			})
-		]
-	});
+var t = {
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	payToHeading: "Pay to",
+	vendorRow: "Vendor",
+	paymentInstructionsRow: "Payment instructions",
+	addPaymentInstructions: "Add payment instructions",
+	missingPaymentInstructionsBanner: "Missing payment instructions, which are required to send a payment",
+	paymentInstructionsCancel: "Cancel",
+	paymentInstructionsSave: "Save",
+	descriptionAndGlCodeColumn: "Description and GL code",
+	qtyPriceColumn: "Qty/Price",
+	amountColumn: "Amount",
+	historyHeading: "Audit history",
+	statusBadge: e
+};
+function n(e) {
+	return {
+		...t,
+		...e,
+		statusBadge: {
+			...t.statusBadge,
+			...e?.statusBadge
+		}
+	};
 }
 //#endregion
-export { y as LineItemsSection, y as default };
+export { t as BILL_DETAIL_BODY_LABELS_EN, n as mergeBillDetailBodyLabels };