@tesouro/embedded-components-react 0.3.23 → 0.3.25

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index10.js

@@ -4,7 +4,7 @@
 "use client";
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { deleteFilesId as n, deletePayablesId as r, patchPayablesId as i, postPayables as a, postPayablesIdApprovePaymentOperation as o, postPayablesIdAttachFile as s, postPayablesIdCancel as c, postPayablesIdMarkAsPaid as l, postPayablesIdReject as u, postPayablesIdReopen as d, postPayablesIdSubmitForApproval as f, postPayablesIdValidate as p, postPayablesUploadFromFile as m, postPaymentRecordsIdCancel as h } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { deletePayablesId as n, deletePayablesIdFile as r, patchPayablesId as i, postPayables as a, postPayablesIdApprovePaymentOperation as o, postPayablesIdAttachFile as s, postPayablesIdCancel as c, postPayablesIdMarkAsPaid as l, postPayablesIdReject as u, postPayablesIdReopen as d, postPayablesIdSubmitForApproval as f, postPayablesIdValidate as p, postPayablesUploadFromFile as m, postPaymentRecordsIdCancel as h } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
 import "../../../shared/data-access/dist/index.js";
 import { invalidateDeletedPayableQueries as g, invalidatePayableQueries as _, reconcileCancelledPaymentQueries as v } from "./index4.js";
 import { useMutation as y } from "@tanstack/react-query";
@@ -52,11 +52,11 @@ function x() {
 	});
 }
 function S() {
-	let { client: n, organizationId: i } = e();
+	let { client: r, organizationId: i } = e();
 	return y({
 		mutationFn: async ({ path: e }) => {
-			await r({
-				client: n,
+			await n({
+				client: r,
 				headers: t(i),
 				path: e,
 				throwOnError: !0
@@ -64,7 +64,7 @@ function S() {
 		},
 		onSuccess: async (e, t) => {
 			await g({
-				client: n,
+				client: r,
 				organizationId: i,
 				payableId: t.path.payable_id
 			});
@@ -126,11 +126,11 @@ function w() {
 	});
 }
 function T() {
-	let { client: r, organizationId: i } = e();
+	let { client: n, organizationId: i } = e();
 	return y({
 		mutationFn: async ({ path: e }) => {
-			await n({
-				client: r,
+			await r({
+				client: n,
 				headers: t(i),
 				path: e,
 				throwOnError: !0
@@ -138,9 +138,9 @@ function T() {
 		},
 		onSuccess: async (e, t) => {
 			await _({
-				client: r,
+				client: n,
 				organizationId: i,
-				payableId: t.payableId
+				payableId: t.path.payable_id
 			});
 		}
 	});

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

@@ -1,6 +1,6 @@
 import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index10.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index79.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index85.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index82.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index88.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index11.js
 var r = {

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

@@ -5,8 +5,8 @@
 import { resolveAmountDueMinorUnits as e } from "./index6.js";
 import { resolveVendor as t } from "./index7.js";
 import { payBillFlowTestIds as n } from "./index8.js";
-import { ReviewTransactionDialog as r } from "../../ui/dist/index80.js";
-import { SchedulePaymentDialog as i } from "../../ui/dist/index87.js";
+import { ReviewTransactionDialog as r } from "../../ui/dist/index83.js";
+import { SchedulePaymentDialog as i } from "../../ui/dist/index90.js";
 import "../../ui/dist/index.js";
 import { usePayBillFlow as a } from "./index12.js";
 import { useImperativeHandle as o } from "react";

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

@@ -1,4 +1,4 @@
-import { MARK_AS_PAID_DIALOG_LABELS_EN as e } from "../../ui/dist/index82.js";
+import { MARK_AS_PAID_DIALOG_LABELS_EN as e } from "../../ui/dist/index85.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index2.js
 var t = {

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

@@ -12,41 +12,46 @@ function t(e, t) {
 function n({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, hasScheduledPayment: a = !!i, now: o = /* @__PURE__ */ new Date() }) {
 	if (e.has(n) && a) return {
 		status: "scheduled",
-		tone: "accent"
-	};
-	if (e.has(n) && r && t(r, o)) return {
-		status: "overdue",
-		tone: "danger"
+		tone: "accent",
+		isOverdue: !1
 	};
+	let s = !!(e.has(n) && r && t(r, o));
 	switch (n) {
 		case "draft": return {
 			status: "draft",
-			tone: "neutral"
+			tone: "neutral",
+			isOverdue: s
 		};
 		case "new":
 		case "approve_in_progress": return {
 			status: "pending_approval",
-			tone: "warning"
+			tone: "warning",
+			isOverdue: s
 		};
 		case "waiting_to_be_paid": return {
 			status: "ready_to_pay",
-			tone: "info"
+			tone: "info",
+			isOverdue: s
 		};
 		case "partially_paid": return {
 			status: "partially_paid",
-			tone: "success"
+			tone: "success",
+			isOverdue: s
 		};
 		case "paid": return {
 			status: "paid",
-			tone: "success"
+			tone: "success",
+			isOverdue: s
 		};
 		case "canceled": return {
 			status: "canceled",
-			tone: "muted"
+			tone: "muted",
+			isOverdue: s
 		};
 		case "rejected": return {
 			status: "rejected",
-			tone: "danger"
+			tone: "danger",
+			isOverdue: s
 		};
 	}
 }

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

@@ -35,6 +35,7 @@ function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPol
 		amountDue: i(t(a), f) ?? "",
 		invoiceDateLabel: g,
 		dueDateLabel: _,
+		dueDateTone: p.isOverdue ? "danger" : "default",
 		status: p.status,
 		statusTone: p.tone,
 		payTo: {

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

@@ -29,7 +29,9 @@ var l = {
 	vendorDetailsFailed: "We could not load this vendor. Try again."
 }, d = {
 	attachFailed: "We could not attach that file. Try again.",
+	deleteFailed: "We could not remove that document. Try again.",
 	noDocument: "No document attached to this bill.",
+	pendingDeletionNotice: "This document will be removed when you save this bill.",
 	preview: c
 }, f = {
 	notProvided: "Not provided",

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

@@ -2,18 +2,18 @@
 "use client";
 "use client";
 "use client";
-import { SourceDocumentPanel as e } from "../../ui/dist/index90.js";
+import { SourceDocumentPanel as e } from "../../ui/dist/index93.js";
 import "../../ui/dist/index.js";
-import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index10.js";
+import { useAttachPayableFileMutation as t } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { createSourceDocumentPreview as r } from "./index30.js";
-import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as i } from "./index31.js";
-import { useEffect as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import { createSourceDocumentPreview as n } from "./index30.js";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as r } from "./index31.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js
-function c(e) {
-	let [t, n] = o();
-	return a(() => {
+function s(e) {
+	let [t, n] = a();
+	return i(() => {
 		if (!e) {
 			n(void 0);
 			return;
@@ -22,50 +22,59 @@ function c(e) {
 		return n(t), () => URL.revokeObjectURL(t);
 	}, [e]), t;
 }
-function l({ payableId: a, file: o, isDocumentPending: l, pendingFileName: u, readOnly: d, staging: f, labels: p }) {
-	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = f ?? {}, v = {
-		...i,
+function c({ payableId: i, file: a, isDocumentPending: c, pendingFileName: l, readOnly: u, staging: d, deletion: f, labels: p }) {
+	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = d ?? {}, { isPending: v, onRequest: y, onDetachNow: b, isDeleting: x, hasFailed: S } = f ?? {}, C = {
+		...r,
 		...p,
 		preview: {
-			...i.preview,
+			...r.preview,
 			...p?.preview
 		}
-	}, y = t(), b = n(), x = c(m), S = !!(o || m);
-	if (!S && (l || y.isPending)) return /* @__PURE__ */ s(e, {
+	}, w = t(), T = s(m), E = !!(a && !v || m);
+	if (!E && (c || w.isPending)) return /* @__PURE__ */ o(e, {
 		mode: "loading",
-		fileName: u
+		fileName: l
 	});
-	if (!S && d) return /* @__PURE__ */ s("div", {
+	if (!E && u) return /* @__PURE__ */ o("div", {
 		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: v.noDocument
+		children: C.noDocument
 	});
-	if (!S) return /* @__PURE__ */ s(e, {
+	if (!E) return /* @__PURE__ */ o(e, {
 		mode: "upload",
-		uploadStatus: y.isPending ? "uploading" : "idle",
-		uploadErrorMessage: y.isError ? v.attachFailed : void 0,
+		uploadStatus: w.isPending || x ? "uploading" : "idle",
+		uploadErrorMessage: w.isError ? C.attachFailed : S ? C.deleteFailed : void 0,
+		noticeMessage: v && !S ? C.pendingDeletionNotice : void 0,
 		onFilesSelected: (e) => {
 			let [t] = e;
-			t && (a ? y.mutate({
-				path: { payable_id: a },
-				file: t
-			}) : h?.(t));
+			if (t) {
+				if (i) {
+					let e = () => w.mutate({
+						path: { payable_id: i },
+						file: t
+					});
+					if (v && b) {
+						b().then(e, () => void 0);
+						return;
+					}
+					e();
+				} else h?.(t);
+			}
 		}
 	});
-	let C = o?.name ?? m?.name ?? "", w = r(o || {
-		name: C,
-		url: x ?? "",
+	let D = a?.name ?? m?.name ?? "", O = n(a || {
+		name: D,
+		url: T ?? "",
 		mimetype: m?.type ?? ""
-	}, v.preview);
-	return /* @__PURE__ */ s(e, {
+	}, C.preview);
+	return /* @__PURE__ */ o(e, {
 		mode: "document",
-		fileName: C,
-		preview: w,
-		onDownload: o ? () => window.open(o.url, "_blank", "noopener,noreferrer") : void 0,
-		onDelete: d ? void 0 : o && a ? () => b.mutate({
-			path: { file_id: o.id },
-			payableId: a
-		}) : _ ? void 0 : g
+		fileName: D,
+		preview: O,
+		isDeleting: x,
+		deleteErrorMessage: S ? C.deleteFailed : void 0,
+		onDownload: a ? () => window.open(a.url, "_blank", "noopener,noreferrer") : void 0,
+		onDelete: u ? void 0 : a && i ? y : _ ? void 0 : g
 	});
 }
 //#endregion
-export { l as SourceDocumentContainer, l as default };
+export { c as SourceDocumentContainer, c as default };

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

@@ -5,32 +5,32 @@
 import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/index.js";
 import { useReplacePayableLineItemsMutation as t } from "../../data-access/dist/index7.js";
-import { useCreatePayableMutation as n, useSubmitPayableForApprovalMutation as r, useUpdatePayableMutation as i, useValidatePayableMutation as a } from "../../data-access/dist/index10.js";
+import { useCreatePayableMutation as n, useDeletePayableFileMutation as r, useSubmitPayableForApprovalMutation as i, useUpdatePayableMutation as a, useValidatePayableMutation as o } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { BILL_CREATE_MESSAGE_LABELS_EN as o } from "./index31.js";
-import { encodeFileToBase64 as s } from "./index37.js";
-import { mapBillFormToPayload as c, mapLineItemsToPayload as l } from "./index38.js";
-import { validateBillCompleteness as u, validateBillTotals as d, validateLineItems as f } from "./index39.js";
-import { useCallback as p, useRef as m, useState as h } from "react";
+import { BILL_CREATE_MESSAGE_LABELS_EN as s } from "./index31.js";
+import { encodeFileToBase64 as c } from "./index37.js";
+import { mapBillFormToPayload as l, mapLineItemsToPayload as u } from "./index38.js";
+import { validateBillCompleteness as d, validateBillTotals as f, validateLineItems as p } from "./index39.js";
+import { useCallback as m, useRef as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js
-var g = {
+var _ = {
 	document_id: "invoiceNumber",
 	issued_at: "invoiceDate",
 	due_date: "dueDate",
 	counterpart_id: "vendor"
 };
-function _(e) {
+function v(e) {
 	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
 }
-function v(e, t = o) {
+function y(e, t = s) {
 	let n = {}, r = [];
 	for (let i of e) {
-		let e = i.loc[0] ?? t.unknownValidationField, a = g[e], o = _(i) ? t.requiredField : i.msg;
+		let e = i.loc[0] ?? t.unknownValidationField, a = _[e], o = v(i) ? t.requiredField : i.msg;
 		a ? n[a] = o : r.push(t.unmappedValidationError(e, o));
 	}
 	return r.length && (n.form = r.join(" ")), n;
 }
-function y(e, t) {
+function b(e, t) {
 	if (!e && !t) return;
 	let n = {}, r = /* @__PURE__ */ new Set([...Object.keys(e ?? {}), ...Object.keys(t ?? {})]);
 	for (let i of r) n[i] = {
@@ -39,131 +39,146 @@ function y(e, t) {
 	};
 	return n;
 }
-function b({ payableId: g, form: _, counterpartId: b, clearCounterpart: x, prepareVendorForSave: S, onSaved: C, onPayableCreated: w, onDraftSaved: T, onFinalized: E, labels: D }) {
-	let O = {
-		...o,
-		...D
-	}, [k, A] = h(), j = g ?? k, [M, N] = h(), P = p(() => N(void 0), []), [F, I] = h(), L = m(!1), R = n(), z = i(), B = t(), V = a(), H = r(), U = p(() => {
-		let t = f(_.lineItems, O), n = d(_.discount, _.tax, _.totalOverride, O);
-		return _.setLineItemErrors(t), !t && !n || (t ? (_.setErrors(void 0), e.error(O.lineItemsNeedAttention)) : _.setErrors(n), !1);
-	}, [_, O]), W = p(async (e) => {
-		let t = !j && M ? {
-			base64EncodedFile: await s(M),
-			fileName: M.name
-		} : void 0, n = c({
-			values: _.values,
-			counterpartId: b,
-			clearCounterpart: x,
+function x({ payableId: _, form: v, counterpartId: x, clearCounterpart: S, prepareVendorForSave: C, onSaved: w, onPayableCreated: T, onDraftSaved: E, onFinalized: D, labels: O }) {
+	let k = {
+		...s,
+		...O
+	}, [A, j] = g(), M = _ ?? A, [N, P] = g(), F = m(() => P(void 0), []), [I, L] = g(!1), R = m(() => L(!0), []), [z, B] = g(), V = h(!1), H = n(), U = r(), W = a(), G = t(), K = o(), q = i(), J = m(() => {
+		let t = p(v.lineItems, k), n = f(v.discount, v.tax, v.totalOverride, k);
+		return v.setLineItemErrors(t), !t && !n || (t ? (v.setErrors(void 0), e.error(k.lineItemsNeedAttention)) : v.setErrors(n), !1);
+	}, [v, k]), Y = m(async (e) => {
+		let t = !M && N ? {
+			base64EncodedFile: await c(N),
+			fileName: N.name
+		} : void 0, n = l({
+			values: v.values,
+			counterpartId: x,
+			clearCounterpart: S,
 			counterpartBankAccountId: e,
-			editedTotals: _.isTotalsDirty ? {
-				discount: _.discount,
-				tax: _.tax,
-				total: _.totalOverride
+			editedTotals: v.isTotalsDirty ? {
+				discount: v.discount,
+				tax: v.tax,
+				total: v.totalOverride
 			} : void 0,
 			document: t
-		}), r = j;
-		if (r ? await z.mutateAsync({
+		}), r = M;
+		if (r ? await W.mutateAsync({
 			path: { payable_id: r },
 			body: n
-		}) : (r = (await R.mutateAsync({ body: n }))?.id, r && (A(r), w?.(r), t && N(void 0))), !r) throw Error("Payable was created without an id");
-		return await B.mutateAsync({
+		}) : (r = (await H.mutateAsync({ body: n }))?.id, r && (j(r), T?.(r), t && P(void 0))), !r) throw Error("Payable was created without an id");
+		if (I) {
+			try {
+				await U.mutateAsync({ path: { payable_id: r } });
+			} catch {}
+			L(!1);
+		}
+		return await G.mutateAsync({
 			path: { payable_id: r },
-			body: { data: l(_.lineItems) }
+			body: { data: u(v.lineItems) }
 		}), r;
 	}, [
-		b,
 		x,
-		R,
-		_.discount,
-		_.isTotalsDirty,
-		_.lineItems,
-		_.tax,
-		_.totalOverride,
-		_.values,
-		w,
-		j,
-		B,
+		S,
+		H,
+		U,
+		I,
+		v.discount,
+		v.isTotalsDirty,
+		v.lineItems,
+		v.tax,
+		v.totalOverride,
+		v.values,
+		T,
 		M,
-		z
-	]);
+		G,
+		N,
+		W
+	]), X = m(async () => {
+		M && (await U.mutateAsync({ path: { payable_id: M } }), L(!1));
+	}, [U, M]);
 	return {
-		saveDraft: p(async () => {
-			if (!L.current && U()) {
-				L.current = !0, I("draft");
+		saveDraft: m(async () => {
+			if (!V.current && J()) {
+				V.current = !0, B("draft");
 				try {
-					let t = await S?.();
+					let t = await C?.();
 					if (t && !t.ok) return;
-					let n = await W(t?.counterpartBankAccountId);
-					_.setErrors(void 0), C?.(n), T?.(n), e.success(O.draftSaved);
+					let n = await Y(t?.counterpartBankAccountId);
+					v.setErrors(void 0), w?.(n), E?.(n), e.success(k.draftSaved);
 				} catch {
-					_.setErrors({ form: O.saveFailed });
+					v.setErrors({ form: k.saveFailed });
 				} finally {
-					I(void 0), L.current = !1;
+					B(void 0), V.current = !1;
 				}
 			}
 		}, [
-			_,
-			U,
-			O.draftSaved,
-			O.saveFailed,
-			T,
+			v,
+			J,
+			k.draftSaved,
+			k.saveFailed,
+			E,
+			w,
 			C,
-			S,
-			W
+			Y
 		]),
-		finalize: p(async () => {
-			if (L.current) return;
-			let t = f(_.lineItems, O), n = d(_.discount, _.tax, _.totalOverride, O), { formErrors: r, lineItemErrors: i } = u(_.values, b, _.lineItems, O), a = y(i, t);
-			_.setLineItemErrors(a);
+		finalize: m(async () => {
+			if (V.current) return;
+			let t = p(v.lineItems, k), n = f(v.discount, v.tax, v.totalOverride, k), { formErrors: r, lineItemErrors: i } = d(v.values, x, v.lineItems, k), a = b(i, t);
+			v.setLineItemErrors(a);
 			let o = {
 				...r,
 				...n
 			};
-			if (_.setErrors(Object.keys(o).length ? o : void 0), t && e.error(O.lineItemsNeedAttention), !(a || Object.keys(o).length)) {
-				L.current = !0, I("finalize");
+			if (v.setErrors(Object.keys(o).length ? o : void 0), t && e.error(k.lineItemsNeedAttention), !(a || Object.keys(o).length)) {
+				V.current = !0, B("finalize");
 				try {
 					let t;
 					try {
-						let e = await S?.();
+						let e = await C?.();
 						if (e && !e.ok) return;
-						t = await W(e?.counterpartBankAccountId);
+						t = await Y(e?.counterpartBankAccountId);
 					} catch {
-						_.setErrors({ form: O.saveFailed });
+						v.setErrors({ form: k.saveFailed });
 						return;
 					}
-					C?.(t);
+					w?.(t);
 					try {
-						let n = await V.mutateAsync({ path: { payable_id: t } });
+						let n = await K.mutateAsync({ path: { payable_id: t } });
 						if (n.validation_errors.length) {
-							_.setErrors(v(n.validation_errors, O));
+							v.setErrors(y(n.validation_errors, k));
 							return;
 						}
-						await H.mutateAsync({ path: { payable_id: t } }), _.setErrors(void 0), E?.(t), e.success(O.billFinalized);
+						await q.mutateAsync({ path: { payable_id: t } }), v.setErrors(void 0), D?.(t), e.success(k.billFinalized);
 					} catch {
-						_.setErrors({ form: O.finalizeFailed });
+						v.setErrors({ form: k.finalizeFailed });
 					}
 				} finally {
-					I(void 0), L.current = !1;
+					B(void 0), V.current = !1;
 				}
 			}
 		}, [
-			b,
-			_,
-			O,
-			E,
+			x,
+			v,
+			k,
+			D,
+			w,
 			C,
-			S,
-			W,
-			H,
-			V
+			Y,
+			q,
+			K
 		]),
-		payableId: j,
-		isSavingDraft: F === "draft",
-		isFinalizing: F === "finalize",
-		stagedFile: M,
-		stageFile: N,
-		clearStagedFile: P
+		payableId: M,
+		isSavingDraft: z === "draft",
+		isFinalizing: z === "finalize",
+		stagedFile: N,
+		stageFile: P,
+		clearStagedFile: F,
+		isFileDeletionPending: I,
+		requestFileDeletion: R,
+		detachFileNow: X,
+		isDeletingFile: U.isPending,
+		hasFileDeletionFailed: U.isError
 	};
 }
 //#endregion
-export { v as mapValidationErrorsToForm, b as useBillCreateController };
+export { y as mapValidationErrorsToForm, x as useBillCreateController };

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

@@ -12,11 +12,11 @@ import { useWidgetConfig as re } from "../../../shared/feature/dist/lib/WidgetPr
 import "../../../shared/feature/dist/index.js";
 import { resolveAmountDueMinorUnits as ie } from "./index6.js";
 import { resolveVendor as ae } from "./index7.js";
-import { BillCreateScreen as oe } from "../../ui/dist/index41.js";
-import { BillDecisionDialog as n } from "../../ui/dist/index47.js";
-import { BillDuplicateNotice as se } from "../../ui/dist/index57.js";
-import { ExtractionNotice as ce } from "../../ui/dist/index74.js";
-import { MarkAsPaidDialog as le } from "../../ui/dist/index83.js";
+import { BillCreateScreen as oe } from "../../ui/dist/index44.js";
+import { BillDecisionDialog as n } from "../../ui/dist/index50.js";
+import { BillDuplicateNotice as se } from "../../ui/dist/index60.js";
+import { ExtractionNotice as ce } from "../../ui/dist/index77.js";
+import { MarkAsPaidDialog as le } from "../../ui/dist/index86.js";
 import "../../ui/dist/index.js";
 import { usePayableHistoryQuery as ue } from "../../data-access/dist/index6.js";
 import { useAllPayableLineItemsQuery as de } from "../../data-access/dist/index7.js";
@@ -144,9 +144,10 @@ function u({ open: u, onOpenChange: d, payableId: f, readOnly: p = !1, copy: m,
 		D,
 		p
 	]), J = D?.source_of_payable_data === "ocr", Y = L?.name, X = p ? Y ? h.viewTitle(Y) : h.readOnlyTitle : J && Y ? h.extractedTitle(Y) : h.newTitle, Ve = p && D?.created_at ? h.addedOn(ne(D.created_at.slice(0, 10))) : void 0, Z = i(() => {
-		let e = O.isDirty || A.hasUnsavedVendorChanges || !!j.stagedFile;
+		let e = O.isDirty || A.hasUnsavedVendorChanges || !!j.stagedFile || j.isFileDeletionPending;
 		!p && e && !window.confirm(h.discardConfirm) || d(!1);
 	}, [
+		j.isFileDeletionPending,
 		j.stagedFile,
 		h.discardConfirm,
 		O.isDirty,
@@ -206,6 +207,13 @@ function u({ open: u, onOpenChange: d, payableId: f, readOnly: p = !1, copy: m,
 					onFileStaged: j.stageFile,
 					onClearStagedFile: j.clearStagedFile,
 					isSaving: M
+				},
+				deletion: {
+					isPending: j.isFileDeletionPending,
+					onRequest: j.requestFileDeletion,
+					onDetachNow: j.detachFileNow,
+					isDeleting: j.isDeletingFile,
+					hasFailed: j.hasFileDeletionFailed
 				}
 			}),
 			menuItems: U.menuItems,

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

@@ -1,4 +1,4 @@
-import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index52.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index55.js";
 import "../../ui/dist/index.js";
 import { MARK_AS_PAID_FLOW_LABELS_EN as t } from "./index2.js";
 import "./index5.js";

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

@@ -74,6 +74,7 @@ function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c, hasSchedule
 		amountDueLabel: f(a.amount_due) ?? f(a.total_amount) ?? "",
 		invoiceDateLabel: g,
 		dueDateLabel: _,
+		dueDateTone: p.isOverdue ? "danger" : "default",
 		payToItems: v,
 		invoiceItems: b,
 		lineItems: S,

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

@@ -6,10 +6,10 @@ import { useAllLedgerAccountsQuery as e } from "../../../shared/data-access/dist
 import "../../../shared/data-access/dist/index.js";
 import { resolveAmountDueMinorUnits as t } from "./index6.js";
 import { resolveVendor as n } from "./index7.js";
-import { BillDecisionDialog as r } from "../../ui/dist/index47.js";
-import { BillDetailsSheet as i } from "../../ui/dist/index53.js";
-import { BillDuplicateNotice as a } from "../../ui/dist/index57.js";
-import { MarkAsPaidDialog as o } from "../../ui/dist/index83.js";
+import { BillDecisionDialog as r } from "../../ui/dist/index50.js";
+import { BillDetailsSheet as i } from "../../ui/dist/index56.js";
+import { BillDuplicateNotice as a } from "../../ui/dist/index60.js";
+import { MarkAsPaidDialog as o } from "../../ui/dist/index86.js";
 import "../../ui/dist/index.js";
 import { useAllPayableLineItemsQuery as s } from "../../data-access/dist/index7.js";
 import { usePayableQuery as c } from "../../data-access/dist/index13.js";
@@ -46,6 +46,10 @@ function T({ open: T, onOpenChange: E, payableId: D, onClose: O, onExpand: k, te
 			approvalPolicy: {
 				..._.sheet.approvalPolicy,
 				...j?.sheet?.approvalPolicy
+			},
+			dueDate: {
+				..._.sheet.dueDate,
+				...j?.sheet?.dueDate
 			}
 		},
 		decisionDialog: f(_.decisionDialog, j?.decisionDialog),