@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,2 +1,197 @@
-import "./index51.js";
-import "./index52.js";
+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 "./index34.js";
+import "./index35.js";
+import { BillFormFields as m } from "./index37.js";
+import "./index38.js";
+import { groupBySectionHeading as h } from "./index39.js";
+import "./index41.js";
+import { LineItemsSection as g } from "./index43.js";
+import "./index44.js";
+import { VendorSection as _ } from "./index49.js";
+import "./index50.js";
+import { mergeBillCreateScreenLabels as v } from "./index51.js";
+import { useFocusFirstInvalidField as y } from "./index52.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";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.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,
+			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__ */ 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
+					})]
+				}),
+				$ ? 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, {
+						type: "button",
+						variant: "ghost",
+						disabled: V.isSaving,
+						onClick: V.onCancel,
+						children: Q.cancelButton
+					}), /* @__PURE__ */ C(e, {
+						type: "button",
+						onClick: V.onSave,
+						loading: V.isSaving,
+						disabled: V.isSaving,
+						children: Q.saveButton
+					})]
+				}) : 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 };

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

@@ -1,32 +1,2 @@
-import { VENDOR_SUMMARY_CARD_LABELS_EN as e } from "./index29.js";
-import "./index31.js";
-import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as t, mergeVendorSearchComboboxLabels as n } from "./index51.js";
+import "./index51.js";
 import "./index53.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js
-var r = {
-	heading: "Who are you paying?",
-	summaryCard: e,
-	search: t,
-	noVendorPlaceholder: "No vendor selected"
-};
-function i(e) {
-	return {
-		...r,
-		...e,
-		summaryCard: {
-			...r.summaryCard,
-			...e?.summaryCard,
-			ach: {
-				...r.summaryCard.ach,
-				...e?.summaryCard?.ach,
-				fieldMarkers: {
-					...r.summaryCard.ach.fieldMarkers,
-					...e?.summaryCard?.ach?.fieldMarkers
-				}
-			}
-		},
-		search: n(e?.search)
-	};
-}
-//#endregion
-export { r as VENDOR_SECTION_LABELS_EN, i as mergeVendorSectionLabels };

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

@@ -1,54 +1,4 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { VendorSummaryCard as t } from "./index30.js";
-import "./index31.js";
-import { VendorSearchCombobox as n } from "./index52.js";
-import "./index53.js";
-import { mergeVendorSectionLabels as r } from "./index54.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js
-function o(o) {
-	let { onEdit: s, error: c, testId: l, labels: u, disabled: d } = o, f = r(u);
-	return /* @__PURE__ */ a("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-invalid": c ? !0 : void 0,
-		"data-testid": l,
-		children: [
-			/* @__PURE__ */ i(e, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold",
-				children: f.heading
-			}),
-			o.mode === "resolved" ? /* @__PURE__ */ i(t, {
-				summary: o.summary,
-				onEdit: s,
-				paymentInstructions: d ? void 0 : o.paymentInstructions,
-				showPaymentInstructions: o.showPaymentInstructions,
-				detailsWarning: d ? void 0 : o.detailsWarning,
-				labels: f.summaryCard
-			}) : d ? /* @__PURE__ */ i(e, {
-				variant: "body2",
-				className: "ttw:text-muted-foreground",
-				children: f.noVendorPlaceholder
-			}) : o.mode === "selecting" ? /* @__PURE__ */ i(n, {
-				...o.search,
-				labels: f.search
-			}) : o.summary ? /* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [o.newVendorForm, /* @__PURE__ */ i(t, {
-					summary: o.summary,
-					paymentInstructions: o.paymentInstructions,
-					showPaymentInstructions: o.showPaymentInstructions,
-					detailsWarning: o.detailsWarning,
-					labels: f.summaryCard
-				})]
-			}) : o.newVendorForm,
-			c ? /* @__PURE__ */ i("p", {
-				className: "ttw:text-sm ttw:text-destructive",
-				children: c
-			}) : null
-		]
-	});
-}
+var e = {};
 //#endregion
-export { o as VendorSection, o as default };
+export { e as DEFAULT_LABELS };

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

@@ -1,2 +1,41 @@
-import "./index54.js";
-import "./index55.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 "./index55.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js
+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: [d.description ? /* @__PURE__ */ a("div", {
+			className: "ttw:min-w-0",
+			children: /* @__PURE__ */ a("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: d.description
+			})
+		}) : null, /* @__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 BillPayWidgetUi };

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

@@ -1,56 +1,2 @@
-import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_DETAIL_BODY_LABELS_EN as r, mergeBillDetailBodyLabels as i } from "./index39.js";
-import "./index41.js";
-import { BILL_FORM_FIELDS_LABELS_EN as a, mergeBillFormFieldsLabels as o } from "./index42.js";
-import "./index44.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as s, mergeLineItemsSectionLabels as c } from "./index48.js";
-import "./index50.js";
-import { VENDOR_SECTION_LABELS_EN as l, mergeVendorSectionLabels as u } from "./index54.js";
+import "./index55.js";
 import "./index56.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js
-var d = {
-	closeButton: "Close",
-	collapseButton: "Exit full screen",
-	menuTrigger: "More actions",
-	cancelButton: "Cancel",
-	saveDraftButton: "Save and close",
-	submitButton: "Submit",
-	saveButton: "Save",
-	hiddenDescription: "Enter the details of the bill you want to pay.",
-	vendorSection: l,
-	detailsFields: a,
-	lineItems: s,
-	detailBody: r,
-	requiredFieldsLegend: t,
-	fieldMarkers: e
-};
-function f(e) {
-	let t = {
-		...d.fieldMarkers,
-		...e?.fieldMarkers
-	};
-	return {
-		...d,
-		...e,
-		fieldMarkers: t,
-		vendorSection: u({
-			...e?.vendorSection,
-			search: {
-				fieldMarkers: t,
-				...e?.vendorSection?.search
-			}
-		}),
-		detailsFields: o({
-			fieldMarkers: t,
-			...e?.detailsFields
-		}),
-		lineItems: c({
-			fieldMarkers: t,
-			...e?.lineItems
-		}),
-		detailBody: i(e?.detailBody),
-		requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
-	};
-}
-//#endregion
-export { d as BILL_CREATE_SCREEN_LABELS_EN, f as mergeBillCreateScreenLabels };

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

@@ -1,13 +1,19 @@
-import { useEffect as e, useRef as t } from "react";
+import { LABEL_LABELS_EN as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js
-function n(n) {
-	let r = t(null), i = t(n);
-	return e(() => {
-		if (n === i.current) return;
-		i.current = n;
-		let e = r.current?.querySelector("[aria-invalid=\"true\"], [data-invalid=\"true\"]");
-		e?.scrollIntoView({ block: "center" }), e?.focus({ preventScroll: !0 });
-	}, [n]), r;
+var t = {
+	cancelButton: "Cancel",
+	orConnector: "or",
+	fieldMarkers: e
+};
+function n(e) {
+	return {
+		...t,
+		...e,
+		fieldMarkers: {
+			...t.fieldMarkers,
+			...e?.fieldMarkers
+		}
+	};
 }
 //#endregion
-export { n as useFocusFirstInvalidField };
+export { t as BILL_DECISION_DIALOG_LABELS_EN, n as mergeBillDecisionDialogLabels };