@tesouro/embedded-components-react 0.5.189 → 0.5.190

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

@@ -1,31 +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 "./index56.js";
+import "./index57.js";
+import { BillPayWidgetNative as r } from "./index78.js";
+import "./index79.js";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index80.js
-var e = {
-	Draft: "draft",
-	ReadyToSubmit: "ready_to_submit",
-	PendingApproval: "pending_approval",
-	ReadyToPay: "ready_to_pay",
-	Paid: "paid",
-	Canceled: "canceled",
-	Rejected: "rejected"
-}, t = [
-	e.Draft,
-	e.ReadyToSubmit,
-	e.PendingApproval,
-	e.ReadyToPay,
-	e.Paid,
-	e.Canceled,
-	e.Rejected
-], n = {
-	[e.Draft]: ["draft"],
-	[e.ReadyToSubmit]: ["new"],
-	[e.PendingApproval]: ["approve_in_progress"],
-	[e.ReadyToPay]: ["waiting_to_be_paid", "partially_paid"],
-	[e.Paid]: ["paid"],
-	[e.Canceled]: ["canceled"],
-	[e.Rejected]: ["rejected"]
-};
-function r(e) {
-	return e.flatMap((e) => n[e] ?? [e]);
+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 { t as BILL_STATUS_FILTER_ORDER, e as BillStatusFilter, r as billStatusFilterApiValues };
+export { a as BillPayWidget, a as default };

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

@@ -1,40 +1,227 @@
-import { DuplicateVerdict as e, suspectedPayableDuplicates as t } from "../../data-access/dist/index7.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { formatCalendarDate as t } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as n } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../../shared/ui/dist/index.js";
+import { DUPLICATE_BILLS_LABELS_EN as r } from "./index4.js";
+import { payableRemoval as i } from "./index5.js";
+import { derivePayableStatus as a } from "../../util/dist/lib/derivePayableStatus.js";
+import { isEditablePayableStatus as o } from "../../util/dist/lib/isEditablePayableStatus.js";
+import { suspectedPayableDuplicates as s } from "../../util/dist/lib/payableDuplicates.js";
+import { resolveVendorName as c } from "../../util/dist/lib/resolveVendor.js";
+import { DuplicateVerdict as l, useApplyDuplicateVerdictsMutation as u } from "../../data-access/dist/index21.js";
+import { usePayablesByIdsQueries as d } from "../../data-access/dist/index42.js";
 import "../../data-access/dist/index.js";
+import { duplicateRemovalPrompt as f } from "./index7.js";
+import { duplicateVerdictMatches as p, groupSuspectedDuplicates as m, resolveDuplicateOriginalId as h } from "./index8.js";
+import { useCallback as g, useMemo as _, useState as v } from "react";
+import { BanIcon as y, FileCheckIcon as b, Trash2Icon as x } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js
-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);
+var S = 5;
+function C(e, t) {
+	return t ? m(e).map(({ members: e }) => e).find((e) => e.some((e) => e.id === t)) ?? [] : [];
 }
-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;
+function w({ payable: m, canManage: w = !0, onRemoved: T, onOpenPayable: E, labels: D }) {
+	let O = _(() => ({
+		...r,
+		...D
+	}), [D]), k = s(m), [A] = k, j = m?.id, M = _(() => [...new Set(k.map((e) => e.matched_payable_id))], [k]), N = d(M, { enabled: !!(A && j) }), P = u(), [F, I] = v(!1), [L, R] = v(), [z, B] = v(), V = i(m?.status), H = g(async (t, n, r, a, o) => {
+		let s = p(t, n, o);
+		if (s.length && t?.id) try {
+			await P.mutateAsync({
+				verdict: n,
+				targets: s.map((e) => ({
+					payableId: t.id,
+					duplicateId: e.id,
+					matchedPayableId: e.matched_payable_id,
+					removeBy: i(t.status)
+				}))
+			}), e.success(r), a?.();
+		} catch {
+			e.error(O.verdictFailedToast);
+		}
+	}, [P, O]), U = g((e, t, n) => H(m, e, t, n), [H, m]), W = V === "delete" ? {
+		button: O.deleteBillButton,
+		title: O.deleteConfirmTitle,
+		description: O.deleteConfirmDescription,
+		confirmButton: O.deleteConfirmButton,
+		backButton: O.deleteConfirmBackButton,
+		toast: O.deletedToast
+	} : V === "confirm" ? {
+		button: O.confirmBillButton,
+		title: O.confirmDuplicateTitle,
+		description: O.confirmDuplicateDescription,
+		confirmButton: O.confirmBillButton,
+		backButton: O.cancelConfirmBackButton,
+		toast: O.confirmedToast
+	} : {
+		button: O.cancelBillButton,
+		title: O.cancelConfirmTitle,
+		description: O.cancelConfirmDescription,
+		confirmButton: O.cancelConfirmButton,
+		backButton: O.cancelConfirmBackButton,
+		toast: O.cancelledToast
+	}, G = g(async () => {
+		await U(l.Remove, W.toast, T), I(!1);
+	}, [
+		U,
+		T,
+		W.toast
+	]), K = _(() => ({
+		delete: {
+			action: O.deleteAction,
+			title: O.deleteConfirmTitle,
+			description: O.deleteConfirmDescription,
+			confirmButton: O.deleteConfirmButton,
+			backButton: O.deleteConfirmBackButton,
+			toast: O.deletedToast
+		},
+		cancel: {
+			action: O.cancelAction,
+			title: O.cancelConfirmTitle,
+			description: O.cancelConfirmDescription,
+			confirmButton: O.cancelConfirmButton,
+			backButton: O.cancelConfirmBackButton,
+			toast: O.cancelledToast
+		},
+		confirm: {
+			action: O.confirmAction,
+			title: O.confirmDuplicateTitle,
+			description: O.confirmDuplicateDescription,
+			confirmButton: O.confirmBillButton,
+			backButton: O.cancelConfirmBackButton,
+			toast: O.confirmedToast
+		}
+	}), [O]), q = K[L?.removeBy ?? "cancel"], J = g(async () => {
+		L && (await H(L.payable, l.Remove, K[L.removeBy].toast, L.payable.id === j ? T : void 0), R(void 0));
+	}, [
+		H,
+		T,
+		j,
+		L,
+		K
+	]), Y = g(async () => {
+		z && (await H(z.payable, l.Keep, O.dismissedToast, void 0, z.originalPayableId), B(void 0));
+	}, [
+		H,
+		O.dismissedToast,
+		z
+	]), X = w && !!(A && j), Z = X && !!V, Q = _(() => {
+		let e = new Map(N.flatMap((e) => e.data ? [[e.data.id, e.data]] : []));
+		m?.id && e.set(m.id, m);
+		let r = C([...e.values()], j);
+		if (r.length < 2) return [];
+		let l = h(r), u = (e) => {
+			let t = e.total_amount ?? e.amount_due;
+			return t == null ? "" : n(t / 100, { currencyCode: e.currency ?? "USD" });
+		};
+		return r.map((e) => {
+			let n = e.status ? a({
+				apiStatus: e.status,
+				dueDate: e.due_date,
+				scheduledPaymentDate: e.scheduled_payment_date
+			}) : void 0, r = e.id === l, d = e.id === j, f = w && s(e).length > 0, p = c(e), m = i(e.status);
+			return {
+				id: e.id,
+				roleLabel: p,
+				badges: [...r ? [O.originalBillBadge] : [], ...d ? [O.currentBillBadge] : []],
+				invoiceNumberLabel: e.document_id ?? "",
+				roleTone: r ? void 0 : "warning",
+				amountLabel: u(e),
+				addedOnLabel: t(e.created_at?.slice(0, 10)),
+				dueDateLabel: t(e.due_date),
+				status: n?.status,
+				statusTone: n?.tone,
+				onOpen: !d && E ? () => E(e.id, o(e.status ?? void 0)) : void 0,
+				menu: f ? {
+					triggerLabel: O.openRow({
+						vendorLabel: p,
+						invoiceNumberLabel: "",
+						addedOnLabel: t(e.created_at?.slice(0, 10))
+					}),
+					items: [{
+						id: "not-duplicate",
+						label: O.notDuplicateAction,
+						icon: b,
+						disabled: P.isPending,
+						onSelect: () => B({
+							payable: e,
+							originalPayableId: r ? void 0 : l
+						})
+					}, ...m ? [{
+						id: "cancel-duplicate",
+						label: K[m].action,
+						icon: m === "delete" ? x : y,
+						disabled: P.isPending,
+						onSelect: () => R({
+							payable: e,
+							removeBy: m
+						})
+					}] : []]
+				} : void 0
+			};
+		});
+	}, [
+		P.isPending,
+		w,
+		N,
+		O,
+		E,
+		m,
+		j,
+		K
+	]);
+	return {
+		isPossibleDuplicate: !!A,
+		onNotADuplicate: X ? () => B({ payable: m }) : void 0,
+		onRemoveBill: Z ? () => I(!0) : void 0,
+		removeBillLabel: Z ? W.button : void 0,
+		removeConfirmation: {
+			open: F,
+			copy: {
+				title: W.title,
+				description: W.description,
+				confirmButton: W.confirmButton,
+				presentation: { tone: "destructive" }
+			},
+			onConfirm: () => void G(),
+			onCancel: () => I(!1),
+			isPending: P.isPending,
+			cancelButtonLabel: W.backButton
+		},
+		cancelRowConfirmation: {
+			open: !!L,
+			copy: f(q, L?.removeBy ?? "cancel"),
+			onConfirm: () => void J(),
+			onCancel: () => R(void 0),
+			isPending: P.isPending,
+			cancelButtonLabel: q.backButton
+		},
+		keepRowConfirmation: {
+			open: !!z,
+			copy: {
+				title: O.notDuplicateConfirmTitle,
+				description: O.notDuplicateConfirmDescription,
+				confirmButton: O.notDuplicateConfirmButton,
+				presentation: {
+					alignment: "center",
+					icon: b,
+					actionWidth: "equal"
+				}
+			},
+			onConfirm: () => void Y(),
+			onCancel: () => B(void 0),
+			isPending: P.isPending,
+			cancelButtonLabel: O.notDuplicateConfirmBackButton
+		},
+		isBusy: P.isPending,
+		rows: Q,
+		collapsedRowCount: S,
+		showMoreLabel: Q.length > S ? O.showMoreRows(Q.length - S) : void 0
+	};
 }
 //#endregion
-export { r as compareByArrival, a as duplicateVerdictMatches, n as groupSuspectedDuplicates, i as resolveDuplicateOriginalId };
+export { w as usePayableDuplicateReview };

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

@@ -19,7 +19,7 @@ import "./index24.js";
 import "./index25.js";
 import "./index26.js";
 import "./index27.js";
-import "./index29.js";
+import "./index28.js";
 import "./index30.js";
 import "./index31.js";
 import "./index32.js";
@@ -28,7 +28,7 @@ import "./index34.js";
 import "./index35.js";
 import "./index36.js";
 import "./index37.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as t } from "./index38.js";
+import "./index38.js";
 import "./index39.js";
 import "./index40.js";
 import "./index41.js";
@@ -36,66 +36,70 @@ import "./index42.js";
 import "./index43.js";
 import "./index44.js";
 import "./index45.js";
-import "./index46.js";
+import { VendorSearchCombobox as t } from "./index46.js";
 import "./index47.js";
 import "./index48.js";
 import "./index49.js";
 import "./index50.js";
 import "./index51.js";
-import { VendorSearchCombobox as n } from "./index52.js";
-import "./index53.js";
+import { BillCreateScreen as n } from "./index53.js";
 import "./index54.js";
 import "./index55.js";
-import "./index56.js";
+import { BillPayWidgetUi as r } from "./index56.js";
 import "./index57.js";
-import { BillCreateScreen as r } from "./index59.js";
+import "./index58.js";
+import { BillDecisionDialog as i } from "./index59.js";
 import "./index60.js";
-import "./index61.js";
-import { BillPayWidgetUi as i } from "./index62.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as a } from "./index61.js";
+import { BillDetailsSheet as o } from "./index62.js";
 import "./index63.js";
-import "./index64.js";
-import { BillDecisionDialog as a } from "./index65.js";
+import { DISCARD_CHANGES_DIALOG_LABELS_EN as s } from "./index64.js";
+import { DiscardChangesDialog as c } from "./index65.js";
 import "./index66.js";
-import { BillDetailsSheet as o } from "./index67.js";
-import { DISCARD_CHANGES_DIALOG_LABELS_EN as s } from "./index68.js";
-import { DiscardChangesDialog as c } from "./index69.js";
-import "./index70.js";
+import "./index67.js";
+import "./index68.js";
+import "./index69.js";
+import { BillDuplicateNotice as l } from "./index70.js";
 import "./index71.js";
-import "./index72.js";
-import "./index73.js";
-import { BillDuplicateNotice as l } from "./index74.js";
+import { BILL_REJECTED_BANNER_LABELS_EN as u } from "./index72.js";
+import { BillRejectedBanner as d } from "./index73.js";
+import "./index74.js";
 import "./index75.js";
-import { BILL_REJECTED_BANNER_LABELS_EN as u } from "./index76.js";
-import { BillRejectedBanner as d } from "./index77.js";
+import { BillsFilterField as f } from "./index76.js";
+import "./index77.js";
 import "./index78.js";
 import "./index79.js";
-import { BillsFilterField as f } from "./index80.js";
+import "./index80.js";
 import "./index81.js";
 import "./index82.js";
-import { BillColumn as p } from "./index83.js";
-import { BillsScreen as m } from "./index84.js";
+import "./index83.js";
+import "./index84.js";
 import "./index85.js";
-import { BillUploadStatusTray as h } from "./index87.js";
+import { BillColumn as p } from "./index86.js";
+import { BillsScreen as m } from "./index87.js";
+import "./index88.js";
 import "./index89.js";
-import "./index90.js";
-import { ExtractionNotice as g } from "./index91.js";
-import "./index92.js";
+import { BillUploadStatusTray as h } from "./index91.js";
 import "./index93.js";
 import "./index94.js";
-import "./index95.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as _ } from "./index96.js";
-import { ReviewTransactionDialog as v } from "./index97.js";
+import { ExtractionNotice as g } from "./index95.js";
+import "./index96.js";
+import "./index97.js";
 import "./index98.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 "./index99.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as _ } from "./index100.js";
+import { ReviewTransactionDialog as v } from "./index101.js";
+import "./index102.js";
+import { MARK_AS_PAID_DIALOG_LABELS_EN as y, mergeMarkAsPaidDialogLabels as b } from "./index103.js";
+import { MarkAsPaidDialog as x } from "./index104.js";
 import "./index105.js";
-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 };
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as S, mergeSchedulePaymentDialogLabels as C } from "./index106.js";
+import { SchedulePaymentDialog as w } from "./index108.js";
+import "./index109.js";
+import "./index110.js";
+import { SourceDocumentPanel as T } from "./index111.js";
+import "./index112.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as E } from "./index113.js";
+import { UnsavedBillDialog as D } from "./index114.js";
+import "./index115.js";
+export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, u as BILL_REJECTED_BANNER_LABELS_EN, p as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, l as BillDuplicateNotice, r 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, t as VendorSearchCombobox, b as mergeMarkAsPaidDialogLabels, C as mergeSchedulePaymentDialogLabels };

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

@@ -1,128 +1,12 @@
-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";
+import { REVEALABLE_FIELD_LABELS_EN as e } from "./index97.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index100.js
-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
-					})]
-				})
-			]
-		})
-	});
-}
+var t = {
+	title: "Review transaction",
+	hiddenDescription: "Review the payment before submitting it.",
+	payToHeading: "Pay to",
+	backButton: "Back",
+	submitButton: "Submit",
+	...e
+};
 //#endregion
-export { x as MarkAsPaidDialog, x as default };
+export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };