@tesouro/embedded-components-react 0.5.169 → 0.5.171

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

@@ -1,4 +1,7 @@
-import "./index75.js";
-import "./index78.js";
-import "./index86.js";
-import "./index87.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index88.js
+var e = {
+	bills: "Bills",
+	vendors: "Vendors"
+};
+//#endregion
+export { e as DEFAULT_TABS_LABELS };

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

@@ -1,7 +1,114 @@
+"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/index62.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index87.js";
+import "../../ui/dist/index.js";
+import { useBillUploadQueue as c } from "./index71.js";
+import "./index72.js";
+import { billsTabTestIds as l } from "./index78.js";
+import { BillsTab as u } from "./index86.js";
+import "./index87.js";
+import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index66.js";
+import { DEFAULT_TABS_LABELS as p } from "./index88.js";
+import { CounterpartsWidget as m } from "../../../counterparts-widget/feature/dist/index8.js";
+import "../../../counterparts-widget/feature/dist/index.js";
+import { useCallback as h, useEffect as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index89.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors"
-};
+var x = {
+	Bills: "bills",
+	Vendors: "vendors"
+}, S = [x.Bills, x.Vendors];
+function C({ labels: i, initialTab: f = x.Bills, tabsLabels: C, vendorLabels: w, poweredByBankName: T, onSettingsClick: E }) {
+	let D = r();
+	g(() => {
+		D(d.Mounted);
+	}, [D]);
+	let O = {
+		...p,
+		...C
+	}, { initResponse: k } = a(), A = e(k?.scopes, [t.PayableReadOrg]), j = e(k?.scopes, [t.PayableWriteOrg]), M = e(k?.scopes, [t.ApprovalPolicyWriteOrg]) && e(k?.scopes, [t.PayableWriteOrg]) && e(k?.scopes, [t.RoleReadOrg]) && e(k?.scopes, [t.UserReadOrg]), [N, P] = _(f), [F, I] = _(), L = h((e) => {
+		P(x.Bills), I(e);
+	}, []), R = c({ onOpenBill: L }), [z, B] = _(), V = h((e) => {
+		P(x.Bills), B(e);
+	}, []), H = [{
+		id: x.Bills,
+		label: O.bills,
+		content: /* @__PURE__ */ y(u, {
+			onEnqueueFiles: R.enqueue,
+			openPayableId: F,
+			onOpenPayableHandled: () => I(void 0),
+			vendorIntent: z,
+			onVendorIntentHandled: () => B(void 0),
+			poweredByBankName: T,
+			onSettingsClick: E && M ? E : void 0
+		})
+	}, {
+		id: x.Vendors,
+		label: O.vendors,
+		content: /* @__PURE__ */ y(m, {
+			...w,
+			counterpartType: "vendor",
+			passThrough: !0,
+			onViewAllDocuments: A ? (e) => V({
+				vendorId: e.id,
+				vendorName: e.name,
+				action: "viewBills"
+			}) : void 0,
+			onCreateDocument: j ? (e) => V({
+				vendorId: e.id,
+				vendorName: e.name,
+				action: "createBill"
+			}) : void 0
+		})
+	}], U = H.some((e) => e.id === N) ? N : S.find((e) => H.some((t) => t.id === e)) ?? H[0]?.id ?? "";
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(n, {}),
+		/* @__PURE__ */ y(o, {
+			labels: i,
+			tabs: H,
+			selectedTabId: U,
+			onTabChange: P
+		}),
+		R.isVisible ? /* @__PURE__ */ y(s, {
+			sections: R.sections,
+			summaryLabel: R.summaryLabel,
+			collapsed: R.collapsed,
+			onToggleCollapsed: R.onToggleCollapsed,
+			onClose: R.onClose,
+			testId: l.uploadTray
+		}) : null
+	] });
+}
+function w({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: p, providerLabels: m, ...h }) {
+	return /* @__PURE__ */ y(i, {
+		widgetName: f,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: d,
+		disclosuresAcceptance: p,
+		providerLabels: m,
+		children: /* @__PURE__ */ y(C, { ...h })
+	});
+}
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { w as BillPayWidgetNative, w as default };

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

@@ -1,8 +1,40 @@
+import { DuplicateVerdict as e, suspectedPayableDuplicates as t } from "../../data-access/dist/index7.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js
-function e(e) {
-	if (e === "draft") return "delete";
-	if (e === "new") return "cancel";
-	if (e === "canceled") return "confirm";
+function n(e) {
+	let n = new Map(e.map((e) => [e.id, e])), i = /* @__PURE__ */ new Map(), a = (e) => {
+		let t = i.get(e);
+		if (t === void 0 || t === e) return e;
+		let n = a(t);
+		return i.set(e, n), n;
+	}, o = (e, t) => {
+		let n = a(e), r = a(t);
+		n !== r && i.set(n, r);
+	};
+	e.forEach((e) => {
+		i.set(e.id, i.get(e.id) ?? e.id), t(e).forEach((t) => {
+			n.has(t.matched_payable_id) && o(e.id, t.matched_payable_id);
+		});
+	});
+	let s = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let t = a(e.id);
+		s.set(t, [...s.get(t) ?? [], e]);
+	}), [...s.values()].map((e) => ({ members: [...e].sort(r) }));
+}
+function r(e, t) {
+	return (e.created_at ?? "").localeCompare(t.created_at ?? "") || e.id.localeCompare(t.id);
+}
+function i(e) {
+	if (e.length < 2) return;
+	let n = new Set(e.map((e) => e.id));
+	if (e.every((e) => t(e).every((e) => n.has(e.matched_payable_id)))) return [...e].sort(r)[0].id;
+}
+function a(n, r, i) {
+	let a = t(n);
+	if (r !== e.Keep || !i) return a;
+	let o = a.find((e) => e.matched_payable_id === i);
+	return o ? [o] : a;
 }
 //#endregion
-export { e as payableRemoval };
+export { r as compareByArrival, a as duplicateVerdictMatches, n as groupSuspectedDuplicates, i as resolveDuplicateOriginalId };

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

@@ -1,114 +1 @@
-"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/index62.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index87.js";
-import "../../ui/dist/index.js";
-import { useBillUploadQueue as c } from "./index72.js";
-import "./index73.js";
-import { billsTabTestIds as l } from "./index79.js";
-import { BillsTab as u } from "./index87.js";
-import "./index88.js";
-import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index67.js";
-import { DEFAULT_TABS_LABELS as p } from "./index89.js";
-import { CounterpartsWidget as m } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useCallback as h, useEffect as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index90.js
-var x = {
-	Bills: "bills",
-	Vendors: "vendors"
-}, S = [x.Bills, x.Vendors];
-function C({ labels: i, initialTab: f = x.Bills, tabsLabels: C, vendorLabels: w, poweredByBankName: T, onSettingsClick: E }) {
-	let D = r();
-	g(() => {
-		D(d.Mounted);
-	}, [D]);
-	let O = {
-		...p,
-		...C
-	}, { initResponse: k } = a(), A = e(k?.scopes, [t.PayableReadOrg]), j = e(k?.scopes, [t.PayableWriteOrg]), M = e(k?.scopes, [t.ApprovalPolicyWriteOrg]) && e(k?.scopes, [t.PayableWriteOrg]) && e(k?.scopes, [t.RoleReadOrg]) && e(k?.scopes, [t.UserReadOrg]), [N, P] = _(f), [F, I] = _(), L = h((e) => {
-		P(x.Bills), I(e);
-	}, []), R = c({ onOpenBill: L }), [z, B] = _(), V = h((e) => {
-		P(x.Bills), B(e);
-	}, []), H = [{
-		id: x.Bills,
-		label: O.bills,
-		content: /* @__PURE__ */ y(u, {
-			onEnqueueFiles: R.enqueue,
-			openPayableId: F,
-			onOpenPayableHandled: () => I(void 0),
-			vendorIntent: z,
-			onVendorIntentHandled: () => B(void 0),
-			poweredByBankName: T,
-			onSettingsClick: E && M ? E : void 0
-		})
-	}, {
-		id: x.Vendors,
-		label: O.vendors,
-		content: /* @__PURE__ */ y(m, {
-			...w,
-			counterpartType: "vendor",
-			passThrough: !0,
-			onViewAllDocuments: A ? (e) => V({
-				vendorId: e.id,
-				vendorName: e.name,
-				action: "viewBills"
-			}) : void 0,
-			onCreateDocument: j ? (e) => V({
-				vendorId: e.id,
-				vendorName: e.name,
-				action: "createBill"
-			}) : void 0
-		})
-	}], U = H.some((e) => e.id === N) ? N : S.find((e) => H.some((t) => t.id === e)) ?? H[0]?.id ?? "";
-	return /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y(n, {}),
-		/* @__PURE__ */ y(o, {
-			labels: i,
-			tabs: H,
-			selectedTabId: U,
-			onTabChange: P
-		}),
-		R.isVisible ? /* @__PURE__ */ y(s, {
-			sections: R.sections,
-			summaryLabel: R.summaryLabel,
-			collapsed: R.collapsed,
-			onToggleCollapsed: R.onToggleCollapsed,
-			onClose: R.onClose,
-			testId: l.uploadTray
-		}) : null
-	] });
-}
-function w({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ y(i, {
-		widgetName: f,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		disclosuresAcceptance: p,
-		providerLabels: m,
-		children: /* @__PURE__ */ y(C, { ...h })
-	});
-}
-//#endregion
-export { w as BillPayWidgetNative, w as default };
+import "./index89.js";

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

@@ -1 +1,27 @@
+"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 "./index67.js";
+import "./index68.js";
+import { BillPayWidgetNative as r } from "./index89.js";
 import "./index90.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index91.js
+function a({ implementation: a, initialTab: o, onSettingsClick: s, ...c }) {
+	let l = t().implementation, u = a ?? l ?? e.Monite;
+	return u === e.Native ? /* @__PURE__ */ i(r, {
+		implementation: u,
+		initialTab: o,
+		onSettingsClick: s,
+		...c
+	}) : /* @__PURE__ */ i(n, {
+		implementation: u,
+		...c
+	});
+}
+//#endregion
+export { a as BillPayWidget, a as default };

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

@@ -77,28 +77,25 @@ import { BillsScreen as m } from "./index84.js";
 import "./index85.js";
 import { BillUploadStatusTray as h } from "./index87.js";
 import "./index89.js";
-import "./index91.js";
-import { DuplicateBillsDialog as g } from "./index92.js";
+import "./index90.js";
+import { ExtractionNotice as g } from "./index91.js";
+import "./index92.js";
 import "./index93.js";
 import "./index94.js";
-import { ExtractionNotice as _ } from "./index95.js";
-import "./index96.js";
-import "./index97.js";
+import "./index95.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as _ } from "./index96.js";
+import { ReviewTransactionDialog as v } from "./index97.js";
 import "./index98.js";
-import "./index99.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as v } from "./index100.js";
-import { ReviewTransactionDialog as y } from "./index101.js";
-import "./index102.js";
-import { MARK_AS_PAID_DIALOG_LABELS_EN as b, mergeMarkAsPaidDialogLabels as x } from "./index103.js";
-import { MarkAsPaidDialog as S } from "./index104.js";
+import { MARK_AS_PAID_DIALOG_LABELS_EN as y, mergeMarkAsPaidDialogLabels as b } from "./index99.js";
+import { MarkAsPaidDialog as x } from "./index100.js";
+import "./index101.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as S, mergeSchedulePaymentDialogLabels as C } from "./index102.js";
+import { SchedulePaymentDialog as w } from "./index104.js";
 import "./index105.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as C, mergeSchedulePaymentDialogLabels as w } from "./index106.js";
-import { SchedulePaymentDialog as T } from "./index108.js";
-import "./index109.js";
-import "./index110.js";
-import { SourceDocumentPanel as E } from "./index111.js";
-import "./index112.js";
-import { UNSAVED_BILL_DIALOG_LABELS_EN as D } from "./index113.js";
-import { UnsavedBillDialog as O } from "./index114.js";
-import "./index115.js";
-export { e as AddBillDialog, t as BILL_DETAILS_SHEET_LABELS_EN, u as BILL_REJECTED_BANNER_LABELS_EN, p as BillColumn, r as BillCreateScreen, a as BillDecisionDialog, o as BillDetailsSheet, l as BillDuplicateNotice, i as BillPayWidgetUi, d as BillRejectedBanner, h as BillUploadStatusTray, f as BillsFilterField, m as BillsScreen, s as DISCARD_CHANGES_DIALOG_LABELS_EN, c as DiscardChangesDialog, g as DuplicateBillsDialog, _ as ExtractionNotice, b as MARK_AS_PAID_DIALOG_LABELS_EN, S as MarkAsPaidDialog, v as REVIEW_TRANSACTION_DIALOG_LABELS_EN, y as ReviewTransactionDialog, C as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, T as SchedulePaymentDialog, E as SourceDocumentPanel, D as UNSAVED_BILL_DIALOG_LABELS_EN, O as UnsavedBillDialog, n as VendorSearchCombobox, x as mergeMarkAsPaidDialogLabels, w as mergeSchedulePaymentDialogLabels };
+import "./index106.js";
+import { SourceDocumentPanel as T } from "./index107.js";
+import "./index108.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as E } from "./index109.js";
+import { UnsavedBillDialog as D } from "./index110.js";
+import "./index111.js";
+export { e as AddBillDialog, t as BILL_DETAILS_SHEET_LABELS_EN, u as BILL_REJECTED_BANNER_LABELS_EN, p as BillColumn, r as BillCreateScreen, a as BillDecisionDialog, o as BillDetailsSheet, l as BillDuplicateNotice, i as BillPayWidgetUi, d as BillRejectedBanner, h as BillUploadStatusTray, f as BillsFilterField, m as BillsScreen, s as DISCARD_CHANGES_DIALOG_LABELS_EN, c as DiscardChangesDialog, g as ExtractionNotice, y as MARK_AS_PAID_DIALOG_LABELS_EN, x as MarkAsPaidDialog, _ as REVIEW_TRANSACTION_DIALOG_LABELS_EN, v as ReviewTransactionDialog, S as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, w as SchedulePaymentDialog, T as SourceDocumentPanel, E as UNSAVED_BILL_DIALOG_LABELS_EN, D as UnsavedBillDialog, n as VendorSearchCombobox, b as mergeMarkAsPaidDialogLabels, C as mergeSchedulePaymentDialogLabels };

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

@@ -1,12 +1,128 @@
-import { REVEALABLE_FIELD_LABELS_EN as e } from "./index97.js";
+import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, FieldRequirement as l, Label as u, Popover as d, PopoverContent as f, PopoverTrigger as p, RequiredFieldsLegend as m, Textarea as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeMarkAsPaidDialogLabels as g } from "./index99.js";
+import { useId as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CalendarIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index100.js
-var t = {
-	title: "Review transaction",
-	hiddenDescription: "Review the payment before submitting it.",
-	payToHeading: "Pay to",
-	backButton: "Back",
-	submitButton: "Submit",
-	...e
-};
+function x({ open: x, amountDue: S, dueDateSuffix: C, paymentAmount: w, selectedDate: T, selectedDateLabel: E, isToday: D, comment: O, isSubmitting: k, onDateChange: A, onCommentChange: j, onConfirm: M, onCancel: N, testId: P, confirmTestId: F, labels: I }) {
+	let L = g(I), R = _(), z = _(), B = _(), V = _();
+	return /* @__PURE__ */ v(r, {
+		open: x,
+		onOpenChange: (e) => e ? void 0 : N(),
+		children: /* @__PURE__ */ y(i, {
+			"data-testid": P,
+			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
+			children: [
+				/* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(c, { children: L.title }), /* @__PURE__ */ v(a, { children: L.description })] }),
+				/* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ v("p", {
+								className: "ttw:text-base ttw:text-muted-foreground",
+								children: L.amountDue
+							}), /* @__PURE__ */ y("div", {
+								className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
+								children: [/* @__PURE__ */ v("p", {
+									className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
+									children: S
+								}), C ? /* @__PURE__ */ v("p", {
+									className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
+									children: C
+								}) : null]
+							})]
+						}),
+						/* @__PURE__ */ v(m, { labels: L.requiredFieldsLegend }),
+						/* @__PURE__ */ y("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+							children: [/* @__PURE__ */ y("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [/* @__PURE__ */ v(u, { children: L.paymentAmount }), /* @__PURE__ */ v("div", {
+									"aria-disabled": !0,
+									className: "ttw:flex ttw:h-9 ttw:items-center ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:px-3 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
+									children: w
+								})]
+							}), /* @__PURE__ */ y("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [
+									/* @__PURE__ */ v(u, {
+										id: R,
+										requirement: l.Required,
+										labels: L.fieldMarkers,
+										children: L.paymentDate
+									}),
+									/* @__PURE__ */ v("span", {
+										id: B,
+										className: "ttw:sr-only",
+										children: L.fieldMarkers.requiredAccessibleText
+									}),
+									/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(p, {
+										asChild: !0,
+										children: /* @__PURE__ */ y(t, {
+											type: "button",
+											variant: "outline",
+											className: "ttw:justify-start ttw:gap-2",
+											"aria-labelledby": `${R} ${z} ${B}`,
+											children: [
+												/* @__PURE__ */ v(b, { className: "ttw:size-4" }),
+												/* @__PURE__ */ v("span", {
+													id: z,
+													children: E ?? L.paymentDatePlaceholder
+												}),
+												D ? /* @__PURE__ */ v(e, {
+													variant: "secondary",
+													children: L.today
+												}) : null
+											]
+										})
+									}), /* @__PURE__ */ v(f, {
+										align: "start",
+										className: "ttw:w-auto ttw:p-0",
+										children: /* @__PURE__ */ v(n, {
+											mode: "single",
+											selected: T,
+											onSelect: A
+										})
+									})] })
+								]
+							})]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "ttw:grid ttw:gap-2.5",
+							children: [/* @__PURE__ */ v(u, {
+								htmlFor: V,
+								requirement: l.Optional,
+								labels: L.fieldMarkers,
+								children: L.comments
+							}), /* @__PURE__ */ v(h, {
+								id: V,
+								value: O,
+								placeholder: L.commentsPlaceholder,
+								onChange: (e) => j(e.target.value)
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ y(o, {
+					className: "ttw:pt-4 ttw:sm:gap-3",
+					children: [/* @__PURE__ */ v(t, {
+						type: "button",
+						variant: "outline",
+						onClick: N,
+						children: L.cancelButton
+					}), /* @__PURE__ */ v(t, {
+						type: "button",
+						"data-testid": F,
+						disabled: !T,
+						loading: k,
+						onClick: M,
+						children: L.confirmButton
+					})]
+				})
+			]
+		})
+	});
+}
 //#endregion
-export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };
+export { x as MarkAsPaidDialog, x as default };

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

@@ -1,106 +1,2 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RevealableField as c } from "./index98.js";
 import "./index99.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index100.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index101.js
-function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
-	let w = {
-		...l,
-		...C
-	};
-	return /* @__PURE__ */ u(t, {
-		open: f,
-		onOpenChange: (e) => e ? p(e) : b(),
-		children: /* @__PURE__ */ d(n, {
-			"data-testid": S,
-			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
-			children: [
-				/* @__PURE__ */ d(a, {
-					className: "ttw:border-b ttw:border-border ttw:pb-7",
-					children: [/* @__PURE__ */ u(o, {
-						className: "ttw:text-3xl ttw:tracking-tight",
-						children: w.title
-					}), /* @__PURE__ */ u(r, {
-						className: "ttw:sr-only",
-						children: w.hiddenDescription
-					})]
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ u("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: m
-							}), /* @__PURE__ */ u("p", {
-								className: "ttw:text-4xl ttw:font-semibold",
-								children: h
-							})]
-						}),
-						/* @__PURE__ */ u("dl", {
-							className: "ttw:flex ttw:flex-col",
-							children: g.map((e, t) => /* @__PURE__ */ d("div", {
-								className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
-								children: [/* @__PURE__ */ u("dt", {
-									className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
-									children: e.label
-								}), /* @__PURE__ */ u("dd", {
-									className: "ttw:text-sm ttw:font-medium",
-									children: e.value
-								})]
-							}, e.label))
-						}),
-						/* @__PURE__ */ d("section", {
-							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-									children: w.payToHeading
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
-									children: _.name
-								}),
-								_.email ? /* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.email
-								}) : null,
-								_.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
-									className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
-									children: [_.methodLabel ? /* @__PURE__ */ u("p", {
-										className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
-										children: _.methodLabel
-									}) : null, /* @__PURE__ */ u("dl", {
-										className: "ttw:mt-3 ttw:grid ttw:gap-3",
-										children: _.fields.map((e) => /* @__PURE__ */ u(c, {
-											field: e,
-											labels: w
-										}, e.label))
-									})]
-								}) : null
-							]
-						})
-					]
-				}),
-				/* @__PURE__ */ d(i, {
-					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ u(e, {
-						type: "button",
-						variant: "outline",
-						onClick: y,
-						children: w.backButton
-					}), /* @__PURE__ */ u(e, {
-						type: "button",
-						loading: v,
-						onClick: x,
-						children: w.submitButton
-					})]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { f as ReviewTransactionDialog, f as default };
+import "./index100.js";

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

@@ -1,2 +1,33 @@
-import "./index100.js";
-import "./index101.js";
+import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index102.js
+var r = {
+	title: "Schedule payment",
+	hiddenDescription: "Choose the account to pay from and the payment date.",
+	payFrom: "Pay from",
+	payFromPlaceholder: "Select an account",
+	paymentDate: "Payment date",
+	paymentDatePlaceholder: "Choose a date",
+	today: "Today",
+	noAccounts: "No accounts available",
+	loadingAccounts: "Loading accounts",
+	accountsError: "Couldn't load accounts. Try again.",
+	poweredByBank: (e) => `Powered by ${e}`,
+	cancelButton: "Cancel",
+	reviewButton: "Review payment",
+	fieldMarkers: e,
+	requiredFieldsLegend: t
+};
+function i(e) {
+	let t = {
+		...r.fieldMarkers,
+		...e?.fieldMarkers
+	};
+	return {
+		...r,
+		...e,
+		fieldMarkers: t,
+		requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
+	};
+}
+//#endregion
+export { r as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, i as mergeSchedulePaymentDialogLabels };