@tesouro/embedded-components-react 0.2.326 → 0.2.328

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

@@ -1,4 +1,139 @@
+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, DropdownMenuItem as c, DropdownMenuTrigger as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as u } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/index.js";
+import { BillDetailBody as d } from "./index22.js";
+import "./index23.js";
+import { BillFormFields as f } from "./index25.js";
+import "./index26.js";
+import { LineItemsSection as p } from "./index28.js";
+import "./index29.js";
+import { VendorSection as m } from "./index37.js";
+import "./index38.js";
+import { mergeBillCreateScreenLabels as h } from "./index39.js";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MoreVertical as y, X as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js
-var e = { missing: "Missing" };
+function x({ open: x, onOpenChange: S, title: C, subtitle: w, notice: T, vendor: E, values: D, errors: O, onChange: k, lineItems: A, documentPanel: j, menuItems: M, readOnly: N, detail: P, isLineItemsLoading: F, isSaving: I, isSavingDraft: L, isFinalizing: R, onCancel: z, onSaveDraft: B, onFinalize: V, testId: H, labels: U }) {
+	let W = h(U), G = !!(N && P);
+	return /* @__PURE__ */ _(t, {
+		open: x,
+		onOpenChange: S,
+		children: /* @__PURE__ */ v(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": H,
+			children: [
+				/* @__PURE__ */ v(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__ */ v("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+						children: [
+							/* @__PURE__ */ _(a, {
+								className: "ttw:text-xl ttw:font-semibold",
+								children: C
+							}),
+							w ? /* @__PURE__ */ _("p", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: w
+							}) : null,
+							/* @__PURE__ */ _(r, {
+								className: "ttw:sr-only",
+								children: W.hiddenDescription
+							})
+						]
+					}), /* @__PURE__ */ v("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [M && M.length > 0 ? /* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(l, {
+							asChild: !0,
+							children: /* @__PURE__ */ _(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								"aria-label": W.menuTrigger,
+								disabled: I,
+								children: /* @__PURE__ */ _(y, { className: "ttw:size-4" })
+							})
+						}), /* @__PURE__ */ _(s, {
+							align: "end",
+							children: M.map((e) => /* @__PURE__ */ _(c, {
+								variant: e.destructive ? "destructive" : void 0,
+								onSelect: e.onSelect,
+								children: e.label
+							}, e.id))
+						})] }) : null, /* @__PURE__ */ _(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": W.closeButton,
+							disabled: I,
+							onClick: z,
+							children: /* @__PURE__ */ _(b, { className: "ttw:size-4" })
+						})]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "ttw:grid ttw:flex-1 ttw:grid-cols-2 ttw:overflow-hidden",
+					children: [/* @__PURE__ */ v("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:px-6 ttw:py-6",
+						children: [
+							O?.form ? /* @__PURE__ */ _(u, { children: O.form }) : null,
+							T,
+							G ? /* @__PURE__ */ _(d, {
+								...P,
+								labels: W.detailBody
+							}) : /* @__PURE__ */ v(g, { children: [
+								/* @__PURE__ */ _(m, {
+									...E,
+									onEdit: N ? void 0 : E.onEdit,
+									onClear: N ? void 0 : E.onClear,
+									disabled: N,
+									labels: W.vendorSection
+								}),
+								/* @__PURE__ */ _(f, {
+									values: D,
+									errors: O,
+									onChange: k,
+									disabled: N,
+									labels: W.detailsFields
+								}),
+								/* @__PURE__ */ _(p, {
+									...A,
+									disabled: A.disabled || F || N,
+									labels: W.lineItems
+								})
+							] })
+						]
+					}), /* @__PURE__ */ _("div", {
+						className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
+						children: j
+					})]
+				}),
+				G ? null : /* @__PURE__ */ v("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
+					children: [/* @__PURE__ */ _(e, {
+						type: "button",
+						variant: "ghost",
+						disabled: I,
+						onClick: z,
+						children: N ? W.closeButton : W.cancelButton
+					}), N ? null : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(e, {
+						type: "button",
+						variant: "secondary",
+						onClick: B,
+						loading: L,
+						disabled: R || F || E.mode === "creating",
+						children: W.saveDraftButton
+					}), /* @__PURE__ */ _(e, {
+						type: "button",
+						onClick: V,
+						loading: R,
+						disabled: L || F || E.mode === "creating",
+						children: W.finalizeButton
+					})] })]
+				})
+			]
+		})
+	});
+}
 //#endregion
-export { e as MISSING_VALUE_LABELS_EN };
+export { x as BillCreateScreen, x as default };

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

@@ -1,16 +1,2 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { MISSING_VALUE_LABELS_EN as t } from "./index40.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index41.js
-function r({ labels: r, className: i }) {
-	let a = {
-		...t,
-		...r
-	};
-	return /* @__PURE__ */ n("span", {
-		className: e("ttw:text-amber-700", i),
-		children: a.missing
-	});
-}
-//#endregion
-export { r as MissingValue, r as default };
+import "./index39.js";
+import "./index40.js";

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

@@ -1,2 +1,7 @@
-import "./index40.js";
-import "./index41.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index42.js
+var e = {
+	title: "Bill pay",
+	description: "Review, approve, and pay your bills."
+};
+//#endregion
+export { e as DEFAULT_LABELS };

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

@@ -1,61 +1,44 @@
-import { DATA_TABLE_LABELS_EN as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ADD_BILL_PANEL_LABELS_EN as t } from "./index6.js";
-import "./index8.js";
-import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index13.js";
-import "./index15.js";
-import { MISSING_VALUE_LABELS_EN as r } from "./index40.js";
-import "./index42.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as i } from "./index42.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index43.js
-var i = {
-	loadingTitle: "Loading bill…",
-	hiddenDescription: "Bill details",
-	errorTitle: "Couldn't load this bill",
-	errorDescription: "Something went wrong. Try again.",
-	amountDueHeading: "Amount due",
-	invoiceDateLabel: "Invoice date",
-	dueDateLabel: "Due date",
-	payToHeading: "Pay to",
-	invoiceDetailsHeading: "Invoice details",
-	lineItemsHeading: "Line items",
-	lineItemsQuantityHeading: "Qty/Price",
-	lineItemsAmountHeading: "Amount",
-	payButton: "Pay",
-	markAsPaidButton: "Mark as paid",
-	rejectButton: "Reject",
-	expandButton: "Open full screen",
-	closeButton: "Close",
-	statusBadge: n
-}, a = ".pdf,.png,.jpg,.jpeg,.doc,.docx", o = {
-	...t,
-	dropzone: {
-		...t.dropzone,
-		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
-	}
-}, s = {
-	createButton: "Add bill",
-	columnVendor: "Vendor",
-	columnDueDate: "Due date",
-	columnAmountDue: "Amount due",
-	columnStatus: "Status",
-	columnAddedOn: "Added on",
-	columnActions: "Actions",
-	openRow: (e) => `View bill — ${e}`,
-	searchPlaceholder: "Search by vendor name",
-	searchLabel: "Search bills by vendor name",
-	filterTabsLabel: "Filter bills by status",
-	filteredEmptyTitle: "No bills match",
-	filteredEmptyDescription: "Try a different search or status filter.",
-	errorTitle: "Couldn't load bills",
-	errorDescription: "Something went wrong. Try again.",
-	errorRetry: "Retry",
-	statusBadge: n,
-	addBill: o,
-	sortableHeader: {
-		sortedAscending: e.sortedAscending,
-		sortedDescending: e.sortedDescending,
-		notSorted: e.notSorted
-	},
-	missingValue: r
-};
+function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
+	let d = {
+		...i,
+		...s
+	};
+	return /* @__PURE__ */ o("section", {
+		className: "ttw:w-full ttw:space-y-5",
+		children: [/* @__PURE__ */ o("div", {
+			className: "ttw:min-w-0",
+			children: [/* @__PURE__ */ a("h2", {
+				className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+				children: d.title
+			}), /* @__PURE__ */ a("p", {
+				className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+				children: d.description
+			})]
+		}), /* @__PURE__ */ o(e, {
+			value: l,
+			onValueChange: u,
+			className: "ttw:w-full",
+			children: [/* @__PURE__ */ a(n, {
+				variant: "line",
+				children: c.map((e) => /* @__PURE__ */ a(r, {
+					value: e.id,
+					children: e.label
+				}, e.id))
+			}), c.map((e) => /* @__PURE__ */ a(t, {
+				value: e.id,
+				className: "ttw:mt-6",
+				children: e.content
+			}, e.id))]
+		})]
+	});
+}
 //#endregion
-export { s as BILLS_SCREEN_LABELS_EN, a as BILLS_SCREEN_UPLOAD_ACCEPT, i as BILL_DETAILS_SHEET_LABELS_EN };
+export { s as BillPayWidgetUi };

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

@@ -1,238 +1,2 @@
-import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillStatusBadge as d } from "./index14.js";
-import "./index15.js";
-import { BillActionButtons as f } from "./index12.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as p } from "./index43.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ChevronDownIcon as _, MoveDiagonal2Icon as v, XIcon as y } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.js
-function b({ items: e }) {
-	return /* @__PURE__ */ h("dl", {
-		className: "ttw:flex ttw:flex-col",
-		children: e.map((e) => /* @__PURE__ */ g("div", {
-			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-			children: [/* @__PURE__ */ h("dt", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: e.label
-			}), /* @__PURE__ */ g("dd", {
-				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
-				children: [/* @__PURE__ */ h("span", {
-					className: "ttw:text-sm ttw:font-medium",
-					children: e.value
-				}), e.secondaryValue ? /* @__PURE__ */ h("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: e.secondaryValue
-				}) : null]
-			})]
-		}, e.label))
-	});
-}
-function x({ heading: e, children: i }) {
-	return /* @__PURE__ */ g(t, {
-		defaultOpen: !0,
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ g(r, {
-			className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
-			children: [/* @__PURE__ */ h(u, {
-				variant: "body1",
-				className: "ttw:font-semibold",
-				children: e
-			}), /* @__PURE__ */ h(_, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
-		}), /* @__PURE__ */ h(n, { children: i })]
-	});
-}
-function S({ open: t, onOpenChange: n, details: r, actions: u = [], isLoading: _, isError: S, notice: C, onClose: w, onExpand: T, testId: E, labels: D }) {
-	let O = {
-		...p,
-		...D,
-		statusBadge: {
-			...p.statusBadge,
-			...D?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ h(i, {
-		open: t,
-		onOpenChange: (e) => e ? n(e) : w(),
-		children: /* @__PURE__ */ g(a, {
-			showCloseButton: !1,
-			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
-			"data-testid": E,
-			children: [/* @__PURE__ */ g(s, {
-				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ g("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [
-						/* @__PURE__ */ h(c, {
-							className: _ ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
-							children: S ? O.errorTitle : _ ? O.loadingTitle : r?.title
-						}),
-						_ ? /* @__PURE__ */ g("div", {
-							"aria-hidden": !0,
-							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
-							children: [/* @__PURE__ */ h(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ h(l, { className: "ttw:h-4 ttw:w-28" })]
-						}) : null,
-						r && !_ && !S ? /* @__PURE__ */ h("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: r.subtitle
-						}) : null,
-						/* @__PURE__ */ h(o, {
-							className: "ttw:sr-only",
-							children: O.hiddenDescription
-						})
-					]
-				}), /* @__PURE__ */ g("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					children: [T ? /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": O.expandButton,
-						onClick: T,
-						children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
-					}) : null, /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": O.closeButton,
-						onClick: w,
-						children: /* @__PURE__ */ h(y, { className: "ttw:size-4" })
-					})]
-				})]
-			}), /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-				children: S ? /* @__PURE__ */ h("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: O.errorDescription
-				}) : _ ? /* @__PURE__ */ g("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [/* @__PURE__ */ h(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ h(l, { className: "ttw:h-4 ttw:w-40" }),
-							/* @__PURE__ */ h(l, { className: "ttw:h-9 ttw:w-full" }),
-							/* @__PURE__ */ h(l, { className: "ttw:h-9 ttw:w-full" })
-						]
-					})]
-				}) : r ? /* @__PURE__ */ g(m, { children: [
-					C,
-					/* @__PURE__ */ g("section", {
-						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
-						children: [
-							/* @__PURE__ */ g("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2",
-								children: [
-									/* @__PURE__ */ h("span", {
-										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: O.amountDueHeading
-									}),
-									/* @__PURE__ */ h("span", {
-										className: "ttw:text-3xl ttw:font-semibold",
-										children: r.amountDueLabel
-									}),
-									/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(d, {
-										status: r.status,
-										tone: r.statusTone,
-										labels: O.statusBadge
-									}) })
-								]
-							}),
-							/* @__PURE__ */ g("div", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
-								children: [/* @__PURE__ */ g("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ h("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: O.invoiceDateLabel
-									}), /* @__PURE__ */ h("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: r.invoiceDateLabel
-									})]
-								}), /* @__PURE__ */ g("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ h("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: O.dueDateLabel
-									}), /* @__PURE__ */ h("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: r.dueDateLabel
-									})]
-								})]
-							}),
-							u.length ? /* @__PURE__ */ h("div", {
-								className: "ttw:flex ttw:gap-2",
-								children: /* @__PURE__ */ h(f, { actions: u })
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ h(x, {
-						heading: O.payToHeading,
-						children: /* @__PURE__ */ h(b, { items: r.payToItems })
-					}),
-					/* @__PURE__ */ h(x, {
-						heading: O.invoiceDetailsHeading,
-						children: /* @__PURE__ */ g("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-4",
-							children: [
-								/* @__PURE__ */ h(b, { items: r.invoiceItems }),
-								r.lineItems.length ? /* @__PURE__ */ g("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
-										className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
-										children: [
-											/* @__PURE__ */ h("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
-												children: O.lineItemsHeading
-											}),
-											/* @__PURE__ */ h("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: O.lineItemsQuantityHeading
-											}),
-											/* @__PURE__ */ h("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: O.lineItemsAmountHeading
-											})
-										]
-									}) }), /* @__PURE__ */ h("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ g("tr", {
-										className: "ttw:border-b ttw:border-border",
-										children: [
-											/* @__PURE__ */ g("td", {
-												className: "ttw:px-3 ttw:py-2",
-												children: [/* @__PURE__ */ h("span", {
-													className: "ttw:block",
-													children: e.description
-												}), /* @__PURE__ */ h("span", {
-													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
-													children: e.glCodeLabel
-												})]
-											}),
-											/* @__PURE__ */ h("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ h("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
-												children: e.amountLabel
-											})
-										]
-									}, e.id)) })]
-								}) : null,
-								/* @__PURE__ */ h("dl", {
-									className: "ttw:flex ttw:flex-col ttw:gap-1",
-									children: r.totals.map((e) => /* @__PURE__ */ g("div", {
-										className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
-										children: [/* @__PURE__ */ h("dt", {
-											className: e.emphasis ? "" : "ttw:text-muted-foreground",
-											children: e.label
-										}), /* @__PURE__ */ h("dd", { children: e.value })]
-									}, e.label))
-								})
-							]
-						})
-					})
-				] }) : null
-			})]
-		})
-	});
-}
-//#endregion
-export { S as BillDetailsSheet, S as default };
+import "./index42.js";
+import "./index43.js";